De nombreuses personnes recherchent un moyen d'utiliser DIV+CSS pour créer un rectangle arrondi. En utilisant le code ci-dessous, vous pouvez facilement obtenir ce rectangle arrondi très attrayant.
<style>div.bg{background:#ffc20e;width:50%}b{display:block;}/*Convertir toutes les balises B en éléments de niveau bloc*/
div b.topb b,div b.bottomb b{hauteur :1px;overflow:hidden;background:#ffc20e;}/*La valeur de l'attribut CSS de la balise b avec le nom de classe topb/bottomb dans la balise div – la hauteur est de 1px, la partie de débordement est masquée et la couleur d'arrière-plan est la même que l'arrière-plan de div.bg Color*/
div b.topb,div b.bottomb{ background-color:white}/*La couleur d'arrière-plan du nom de classe topb/bottomb dans la balise div doit être cohérente avec la couleur d'arrière-plan du corps*/
b.t1{margin:0 5px} /*La valeur de la marge de la balise déterminera la part de la valeur de débordement qui est masquée*/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”＞＜!–**La balise b contenu dans cette balise b doit être masqué par débordement**–＞＜b class= "
t1 ">
/＞＜b class=”bottomb”＞＜b class=”t4″＞＜/b＞＜b class=”t3 ″＞＜/b＞＜b class=”t2″＞＜/b＞＜b class= "t1"＞＜/b＞＜/b＞
＜/div＞＜/div＞