http://www.memoball.info All of my Memories Sun, 17 Jul 2011 10:31:01 +0000 TH hourly 1 http://wordpress.org/?v=3.2 http://www.memoball.info/2009/04/06/%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b9%83%e0%b8%8a%e0%b9%89-div-%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87-round-corner-%e0%b9%81%e0%b8%9a%e0%b8%9a-dynmic/ http://www.memoball.info/2009/04/06/%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b9%83%e0%b8%8a%e0%b9%89-div-%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87-round-corner-%e0%b9%81%e0%b8%9a%e0%b8%9a-dynmic/#comments Mon, 06 Apr 2009 15:01:53 +0000 memoball http://memoball.memoball.com/?p=194 ุวันนี้เราจะพูดกันถึงเรื่องการสร้าง round-corner ซึ่งก้คือการทำให้มุมของกล่องของเราแสดงเป็นรูปแบบโค้ง ซึ่งนิยมใช้กันกันการออกแบบเวปปัจจุับัน ซึ่งในที่นี้จะกล่าวถึงวิธีทำแบบใช้ div ซึ่งจากที่ผมได้ลองค้นหาดูแล้วก็พบว่า ส่วนใหญ่ที่ทำการสอนกันนั้นจะ static คือแบบที่ไม่สามารถยึดหดกล่องได้แบบอิสระ เพราะการกำหนดรูปของกล่องอย่างตายตัว หรือใช้ css ของ mozilla ซึ่งจะใช้ได้เพียงบางบราวเซอร์เท่านั้น โดยสุดท้ายได้ทำการออกแบบเป็นโค้ดดังต่อไปนี้

]]> http://www.memoball.info/2009/04/06/%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b9%83%e0%b8%8a%e0%b9%89-div-%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87-round-corner-%e0%b9%81%e0%b8%9a%e0%b8%9a-dynmic/feed/ 0