Re: [痞客] 圖片外框設定
※ 引述《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"> 就好囉
(只是如果有很多張圖的話就要改很多次！)
以上
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.27.38.68
推
02/16 21:21, , 1F
02/16 21:21, 1F
討論串 (同標題文章)
Blog 近期熱門文章
PTT數位生活區 即時熱門文章