많은 사람들이 DIV+CSS를 사용하여 둥근 사각형을 만드는 방법을 찾고 있습니다. 아래 코드를 사용하면 이 매우 매력적인 둥근 사각형을 쉽게 얻을 수 있습니다.
<style>div.bg{배경:#ffc20e;너비:50%}b{display:block;}/*모든 B 태그를 블록 수준 요소로 변환*/
div b.topb b,div b.bottomb b{높이 :1px;overflow:hidden;ground:#ffc20e;}/*div 태그에서 클래스 이름이 topb/bottomb인 b 태그의 CSS 속성 값 - 높이는 1px이고 오버플로 부분은 숨겨지며 배경색은 div.bg의 배경과 동일합니다. Color*/
div b.topb,div b.bottomb{ background-color:white}/*div 태그에 있는 클래스 이름 topb/bottomb의 배경색은 다음과 일치해야 합니다. 본문 배경색*/
b.t1{margin:0 5px} /*태그 여백 값에 따라 숨겨지는 오버플로 값의 양이 결정됩니다.*/b.t2{margin:0 3px}b.t3{margin:0 2px} b.t4{margin:0 1px;height:2px;}
</style >
<div align=”center”><div class=”bg”>
<b class=”topb”><!–**b 태그 이 b 태그에 포함된 내용은 오버플로 숨겨야 합니다**–><b class= "
t1 ">
/><b class=”bottomb”><b class=”t4″></b><b class=”t3 ″></b><b 클래스=”t2″></b><b 클래스= "t1"></b></b>
</div></div>