Многие люди ищут способ использовать DIV+CSS для создания скругленного прямоугольника. Используя приведенный ниже код, вы можете легко создать этот очень привлекательный скругленный прямоугольник.
<style>div.bg{background:#ffc20e;width:50%}b{display:block;}/*Преобразуйте все теги B в элементы уровня блока*/
div b.topb b,div b.bottomb b{height :1px;overflow:hidden;background:#ffc20e;}/*Значение атрибута CSS тега b с именем класса topb/bottomb в теге div – высота равна 1 пикселю, часть переполнения скрыта, а цвет фона такой же, как фон div.bg Color*/
div b.topb,div b.bottomb{background-color:white}/*Цвет фона имени класса topb/bottomb в теге div должен соответствовать цвет фона тела*/
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=”bottom”＞＜b class=”t4″＞＜/b＞＜b class=”t3 ″＞＜/b＞＜b class=”t2″＞＜/b＞＜b class= "t1"＞＜/b＞＜/b＞
＜/div＞＜/div＞