หลายๆ คนกำลังมองหาวิธีใช้ DIV+CSS เพื่อสร้างสี่เหลี่ยมผืนผ้าโค้งมน เมื่อใช้โค้ดด้านล่าง คุณก็จะได้สี่เหลี่ยมผืนผ้าโค้งมนที่สวยงามนี้ได้อย่างง่ายดาย
<style>div.bg{พื้นหลัง:#ffc20e;width:50%}b{display:block;}/*แปลงแท็ก B ทั้งหมดให้เป็นองค์ประกอบระดับบล็อก*/
div b.topb b,div b.bottomb b{height :1px;overflow:hidden;พื้นหลัง:#ffc20e;}/*ค่าแอตทริบิวต์ css ของแท็ก b พร้อมด้วยชื่อคลาส topb/bottomb ในแท็ก div – ความสูงคือ 1px ส่วนโอเวอร์โฟลว์ถูกซ่อนไว้ และสีพื้นหลัง เหมือนกับพื้นหลังของ 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=”bottomb”>＜b class=”t4″＞＜/b＞＜b class=”t3 ″＞＜/b＞＜b class=”t2″＞＜/b＞＜b class= "t1"></b>＜/b>＜/b>
＜/div>＜/div>