圖片外框設定 - 部落格

※ 引述《duosp (寒假...)》之銘言：
: 請問 這個部落格http://standinghere.pixnet.net/blog
: 他的圖片旁邊都有一條白白的外框，是怎麼設定的?因為他的外框不是很直角，有點圓角
: 看起來很漂亮
: CSS語法是什麼? 已經問過作者本人
: 他只說很簡單用IMG編輯，我還是不懂，所以來問看看鄉民們!!


圖片的圓角應該是用軟體做的 (免費的PhotoScape可以快速製作)

至於白色外框的圓角雖然可以用css語法，不過不是每種瀏覽器都看得見

所以如果希望每種瀏覽器都看得見的話，建議還是使用修圖軟體


---
CSS的作法：

1.先在樣式表裡面插入下面語法

img.radius{
border:1px solid #ccc;
padding:3px;margin-bottom:5px;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px; }


2.之後在編輯文章時，插入圖片後，切到html(原始碼)介面

找到相對的 <img src="圖片網址">

把它改成 <img src="圖片網址" class="radius"> 就好囉

(只是如果有很多張圖的話就要改很多次！)

以上

--