표시&위치_CSS/HTML

display:block은 하위 객체를 블록 객체로 렌더링합니다. 많은 인라인 스타일 효과에는 디스플레이 사용이 필요합니다.

<style type="text/css"> #photo a img{border:3px solid #FF6600; } #photo a:hover {display:block;} /**若不加此句，则内联对象img的样式不会显示**/ #photo a:hover img{ border:2px solid blue;} </style> <div id="photo"> <a href="#"> <img src="/logos.gif" style="max-width:90%" style="max-width:90%" alt="표시&위치_CSS/HTML"></a> </div>
[Ctrl+A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]

위치 콘텐츠 크기는 레이아웃 크기에 따라 개체의 크기를 결정합니다.

<p><style type="text/css"> #text{position:relative;} /**若没有，则内联对象不显示。若为block，会作为块级元素而使虚线过长。posigion时，长度由text的内容决定。**/ #text span{width:200px; height:20px;border-bottom: 1px dashed #000000 ; } </style></p> <p></p> <div id="text"> <span> 샘플 텍스트 밑줄 스타일 </span> </div>
[Ctrl+A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]