css圆角样式制件代码示例(css设置圆角)

#boxes div { border: 2px solid black; padding: 10px; margin:5px; width:200px;text-align:center; background:#eee; }

<div id="boxes">
 <div style="-webkit-border-radius:15px;">
  All sides
 </div>
 <div style="-webkit-border-bottom-left-radius:15px;-webkit-border-top-right-radius:15px;">
  Opposite corners
 </div>
 <div style="-webkit-border-top-left-radius:15px;-webkit-border-top-right-radius:15px;">
  Top
 </div>
 <div style="-webkit-border-top-right-radius:15px;-webkit-border-bottom-right-radius:15px;">
  Side
 </div>
</div>