เออร์ ... พอลองไป google ดู ก็เจอเลย ^__^ เกือบโดนด่า (ในใจ) แล้วเชียว เดี๋ยวจะลองหาอ่านๆ เล่นๆ ดู

ตอนนี้กำลังดู http://www.html.it/articoli/nifty/index.html อยู่ ^__^

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
เซือในสิ่งที่เฮ็ด เฮ็ดในสิ่งที่เซือ...

2 เจ้านี้ก็เข้าท่า

• http://www.spiffycorners.com/
• http://www.roundedcornr.com/

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
เซือในสิ่งที่เฮ็ด เฮ็ดในสิ่งที่เซือ...

หลังจากลองเล่น ชม. นึง ชอบอันนี้ครับ http://www.spiffycorners.com/ :) เรากำหนดสี background และ foreground แล้วสั่ง generate code ออกมาเลย เป็น css ล้วน ไม่ต้องมีรูปตรงมุม

แต่ข้อเสียนิดหน่อย คือในพื้นที่ใส่ content ต้องเป็นสีพื้นเท่านั้น จะกลวงๆ ไม่ได้

ตัวอย่างการใช้งาน

Get the Code: CSS

<style type="text/css">
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#66A2FC}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #bdd7fd;
  border-right:1px solid #bdd7fd;
  background:#8cb9fc}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #eff5fe;
  border-right:1px solid #eff5fe;
  background:#83b3fc}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #83b3fc;
  border-right:1px solid #83b3fc;}
.spiffy4{
  border-left:1px solid #bdd7fd;
  border-right:1px solid #bdd7fd}
.spiffy5{
  border-left:1px solid #8cb9fc;
  border-right:1px solid #8cb9fc}
.spiffyfg{
  background:#66A2FC}
</style>

Get the Code: HTML

<div>
  <b class="spiffy">
  <b class="spiffy1"><b></b></b>
  <b class="spiffy2"><b></b></b>
  <b class="spiffy3"></b>
  <b class="spiffy4"></b>
  <b class="spiffy5"></b></b>

  <div class="spiffyfg">
    <!-- content goes here -->
  </div>

  <b class="spiffy">
  <b class="spiffy5"></b>
  <b class="spiffy4"></b>
  <b class="spiffy3"></b>
  <b class="spiffy2"><b></b></b>
  <b class="spiffy1"><b></b></b></b>
</div>

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
เซือในสิ่งที่เฮ็ด เฮ็ดในสิ่งที่เซือ...

อีกบทความ ที่ใช้ CSS (no js, no image) ในการทำกล่องมุมมน  ในตัวอย่างเขาทำให้เห็นกันจ่ะๆ ...

http://blog.yosle.com/2007/09/20/css-round-corners/

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
เซือในสิ่งที่เฮ็ด เฮ็ดในสิ่งที่เซือ...

เออร์ ... มีเว็บที่เขารวมแหล่งข้อมูลไว้ให้ด้วย : http://www.smileycat.com/miaow/archives/000044.php

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
เซือในสิ่งที่เฮ็ด เฮ็ดในสิ่งที่เซือ...

อันนี้

ลอง ดูเป็น framework ของ jquery

http://www.malsup.com/jquery/corner/