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
以前都要做四個角的小圖,然後在那裏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