Banyak orang mencari cara menggunakan DIV+CSS untuk membuat persegi panjang bulat. Dengan menggunakan kode di bawah ini, Anda dapat dengan mudah mendapatkan persegi panjang bulat yang sangat menarik ini.
<style>div.bg{background:#ffc20e;width:50%}b{display:block;}/*Ubah semua tag B menjadi elemen tingkat blok*/
div b.topb b,div b.bottomb b{height :1px;overflow:hidden;background:#ffc20e;}/*Nilai atribut css dari tag b dengan nama kelas topb/bottomb pada tag div – tingginya 1px, bagian overflow disembunyikan, dan warna background sama dengan background div.bg Color*/
div b.topb,div b.bottomb{ background-color:white}/*Warna background nama class topb/bottomb pada tag div harus sesuai dengan warna latar belakang tubuh*/
b.t1{margin:0 5px} /*Nilai margin tag akan menentukan berapa banyak nilai luapan yang disembunyikan*/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”＞＜!–**Tag b yang terkandung dalam tag b ini harus overflow disembunyikan**–＞＜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＞