สี่เหลี่ยมผืนผ้าโค้งมนในหน้าเว็บที่เขียนด้วย DIV+CSS

<สไตล์>
div.bg{พื้นหลัง:#ffc20e;ความกว้าง:50%}
ข{จอแสดงผล:บล็อก;}
/*แปลงแท็ก B ทั้งหมดให้เป็นองค์ประกอบระดับบล็อก*/

div b.topb b,div b.bottomb b{ความสูง:1px;overflow:hidden;พื้นหลัง:#ffc20e;}
/*ค่าแอตทริบิวต์ css ของแท็ก b ที่มีชื่อคลาส topb/bottomb ในแท็ก div - ความสูงคือ 1px ส่วนโอเวอร์โฟลว์ถูกซ่อนไว้ และสีพื้นหลังจะเหมือนกับสีพื้นหลังของ div.bg*/

div b.topb, div b.bottomb { สีพื้นหลัง: สีขาว}
/*สีพื้นหลังของชื่อคลาส topb/bottomb ในแท็ก div จะต้องสอดคล้องกับสีพื้นหลังของเนื้อหา*/

b.t1{ระยะขอบ:0 5px}
/*ค่า Margin ของป้ายกำกับจะเป็นตัวกำหนดว่าค่าโอเวอร์โฟลว์จะถูกซ่อนไว้มากน้อยเพียงใด*/
b.t2{ระยะขอบ:0 3px}
b.t3{ระยะขอบ:0 2px}
b.t4{ระยะขอบ:0 1px;ความสูง:2px;}

</สไตล์>

<div align="center">
<div class="bg">

<b class="topb"><!--**แท็ก b ที่อยู่ในแท็ก b นี้จำเป็นต้องซ่อนไว้มากเกินไป**-->
<b class="t1"></b>
<b class="t2"></b>
<b class="t3"></b>
<b class="t4"></b>

</ข>
<br />
รหัสนี้รวบรวมและรวบรวมจากอินเทอร์เน็ตโดย Web Teaching Network ขอขอบคุณสำหรับการสนับสนุนของคุณ!
<br />
<br />

<b class="ด้านล่าง">
<b class="t4"></b>
<b class="t3"></b>
<b class="t2"></b>
<b class="t1"></b>
</ข>

</div>
</div>