작성일/수정일
2013-06-10 10:51:02 / 2013-06-10 10:51:46
HR 태그는 위 의 예제처럼, 수평선을 그어주는 태그입니다.
hr태그와 관련된 각종 속성에 대해 알아봅시다.
1. size : HR 태그의 굵기를 결정합니다.
<hr size="1">(hr 태그의 기본 픽셀은 2픽셀 입니다.)
2. width : HR 태그의 가로 길이를 지정합니다.
(HR태그는 자동으로 가운데 정렬이 되어있어 가운데를 기점으로 길어지고, 짧아집니다.)
<hr width="200px">(align을 사용하지 않으면, 가운데서부터 길어집니다.)
3. color : HR 태그의 색상을 지정합니다.
<hr color="#FFF">
4. align : HR 태그를 정렬합니다. (설정하지 않을시 가운데 정렬)
1) <hr align="left"> : 왼쪽 정렬
2) <hr align="right"> : 오른쪽 정렬
3)<hr align="center"> : 가운데 정렬
5.
.hr {
height : 1px; /* 선의 두께 (1xp 이상) */
border: 0 none; /* 테두리를 없애도록 처리함 */
color : #ccc; /* 테두리를 없앴지만 혹시 모르니 라인 색상을 깔맞춤 하기 위하여 마크업 */
background-color: #ccc; /* 선의 색상 */
}
hr ( height:1px; border:0 none; color:#ccc; background-color: #ccc; }