การใช้ div สร้าง round-corner แบบ dynmic

ุวันนี้เราจะพูดกันถึงเรื่องการสร้าง round-corner ซึ่งก้คือการทำให้มุมของกล่องของเราแสดงเป็นรูปแบบโค้ง ซึ่งนิยมใช้กันกันการออกแบบเวปปัจจุับัน ซึ่งในที่นี้จะกล่าวถึงวิธีทำแบบใช้ div ซึ่งจากที่ผมได้ลองค้นหาดูแล้วก็พบว่า ส่วนใหญ่ที่ทำการสอนกันนั้นจะ static คือแบบที่ไม่สามารถยึดหดกล่องได้แบบอิสระ เพราะการกำหนดรูปของกล่องอย่างตายตัว หรือใช้ css ของ mozilla ซึ่งจะใช้ได้เพียงบางบราวเซอร์เท่านั้น โดยสุดท้ายได้ทำการออกแบบเป็นโค้ดดังต่อไปนี้