Viele Leute suchen nach einer Möglichkeit, mit DIV+CSS ein abgerundetes Rechteck zu erstellen. Mit dem folgenden Code können Sie dieses sehr attraktive abgerundete Rechteck leicht erstellen.
<style>div.bg{background:#ffc20e;width:50%}b{display:block;}/*Konvertieren Sie alle B-Tags in Elemente auf Blockebene*/
div b.topb b,div b.bottomb b{height :1px;overflow:hidden;background:#ffc20e;}/*Der CSS-Attributwert des b-Tags mit dem Klassennamen topb/bottomb im div-Tag – die Höhe beträgt 1px, der Überlaufteil ist ausgeblendet und die Hintergrundfarbe ist derselbe wie der Hintergrund von div.bg Color*/
div b.topb,div b.bottomb{ background-color:white}/*Die Hintergrundfarbe des Klassennamens topb/bottomb im div-Tag muss mit dem übereinstimmen Hintergrundfarbe des Körpers*/
b.t1{margin:0 5px} /*Der Tag-Randwert bestimmt, wie viel vom Überlaufwert ausgeblendet wird*/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“＞＜!–**Das b-Tag Der in diesem b-Tag enthaltene Inhalt muss überlaufversteckt werden**–＞＜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＞