HTML 구분선
구분선 hr
html에서 구분선을 사용할때는 <hr>요소를 사용
-블록레벨요소
-종료태그는 없음 대신 <hr />로 표시
| 코딩 <hr /> <div>구분선</div> <hr /> 결과
구분선
|
CSS border-radius
border-radius css3부터 가능해진 border-radius. 모서리를 둥글게 만들때 사용. border-top-left-radius: 속성값 (%,px) border-top-right-radius: 속성값 (%,px) border-bottom-right-radius : 속성값 border-bottem-left-radus : 속성값 한번에 쓸때는 border-radius : 속성값 으로 해줌. <style type="text/css"> .radius01 { width:200px; padding:20px; margin-bottom:30px; background:#09F; border-top-left-radius:20px 50px; } .radius02 { width:200px; padding:20px; margin-bottom:30px; background:#09F; border-top-right-radius:30px; } .radius03 { width:200px; padding:20px; margin-bottom:30px; background:#09F; border-bottom-right-radius:50px 20px; } .radius04 { width:200px; padding:20px; margin-bottom:30px; background:#09F; border-top-left-radius:20px 30px; } .radius05 { width:200px; padding:20px; margin-bottom:30px; background:#09F; border-radius:30px; } .radius06 { width:200px; padding:20px; margin-bottom:30px; background:#09F; border-radius:50px 30px 20px 10px; } </style> <div class="radius01...
