PDA

查看完整版本 : CSS圓角偏執狂


badsmaru
2013-07-21, 08:59 PM
最近迷上用CSS作圓角
以前都要做四個角的小圖,然後在那裏TABLE包TABLE...
包來包去快發瘋了
現在用CSS方便多了,隨時可以改圓角的弧度。
有興趣大家可以試試看

http://webthumb.bluga.net/data/2a/20/97/wt51ebddb97202a-thumb_medium.jpg

同志.tw (http://同志.tw)

CSS寫成這樣就好了
↓這是重點
border-radius: 10px;
那個10px就是圓角的弧度
數值越大就是越圓,請自行TRY~

↓這好像是要應付不同瀏覽器的
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;



備註:網頁縮圖成功→http://webthumb.bluga.net/home