HTML 구분선
구분선 hr
html에서 구분선을 사용할때는 <hr>요소를 사용
-블록레벨요소
-종료태그는 없음 대신 <hr />로 표시
| 코딩 <hr /> <div>구분선</div> <hr /> 결과
구분선
|
CSS z-index 요소의 순서
z-index - 요소의 순서를 결정함. - z-index 속성은 position 속성과 함께 사용 됨. - z-index:auto, 숫자로 표시 - 숫자가 높을수록 앞에 배치된다. - 기본이 0. - 마이너스 값도 지정 가능하다. <style type="text/css"> .layer1 { position:absolute; top:10px; left:10px; width:100px; height:100px; padding:20px; background:#F9F; z-index:1; } .layer2 { position:absolute; top:50px; left:50px; width:100px; height:100px; padding:20px; background:#69F; z-index:2; } .layer3 { position:absolute; top:100px; left:100px; width:100px; height:100px; padding:20px; background:#36F; z-index:3; } </style> <div class="layer1">레이어1</div> <div class="layer2">레이어2</div> <div class="layer3">레이어3</div> 결과
