DIV+CSS로 작성된 웹 페이지의 둥근 사각형

<스타일>
div.bg{배경:#ffc20e;너비:50%}
b{디스플레이:블록;}
/*모든 B 태그를 블록 수준 요소로 변환*/

div b.topb b,div b.bottomb b{높이:1px;오버플로:숨김;배경:#ffc20e;}
/*div 태그에서 클래스 이름이 topb/bottomb인 b 태그의 CSS 속성 값 - 높이는 1px이고 오버플로 부분은 숨겨지며 배경색은 div.bg의 배경색과 동일합니다*/

div b.topb,div b.bottomb{ 배경색:흰색}
/*div 태그에 있는 클래스 이름 topb/bottomb의 배경색은 본문의 배경색과 일치해야 합니다*/

b.t1{마진:0 5px}
/*라벨 여백 값은 오버플로 값이 숨겨지는 정도를 결정합니다*/
b.t2{마진:0 3px}
b.t3{마진:0 2px}
b.t4{마진:0 1px;높이:2px;}

</style>

<div 정렬="중앙">
<div 클래스="bg">

<b class="topb"><!--**이 b 태그에 포함된 b 태그는 오버플로 숨겨야 합니다**-->
<b class="t1"></b>
<b class="t2"></b>
<b class="t3"></b>
<b class="t4"></b>

</b>
<br />
이 코드는 웹 교육 네트워크(Web Teaching Network)에 의해 인터넷에서 수집 및 편집되었습니다.
<br />
<br />

<b 클래스="하단">
<b class="t4"></b>
<b class="t3"></b>
<b class="t2"></b>
<b class="t1"></b>
</b>

</div>
</div>