作者b0339576 (<(￣︶￣)>)
看板Blog
標題Re: [Blogger] 特定圖片如何去掉框?
時間Wed Nov 24 16:21:07 2010
※ 引述《Izangel (izangel)》之銘言：
: 小弟有個問題就是...
: 我在blogger的設定裡加入了一個語法如下,
: 讓每個圖片都會自行產生邊框,
: .post img{border:1px solid #808080 ;padding: 1px;}
: 那假設我文章裡特定某些圖不想要有這些框,
: 該怎麼設定呢?
: 謝謝:)
: My Blog:
: http://ethan0415.blogspot.com/
CSS可以放在三種地方
第一種是把CSS和網頁分開存成兩個檔案
然後再用語法把CSS檔連到網頁裡 (市面上的部落格普遍是這種方式)
就好比你把youtube的影片放到自己網誌上那樣
第二種是把CSS放在同一個網頁裡，並且寫在檔案開頭處
也就是像Blogger這樣，從<b:skin><![CDATA[開始
到結尾]]></b:skin>都是屬於CSS的範疇
第三種是直接把CSS寫在HTML的標籤裡
譬如說，圖片的HTML標籤是這樣： <img src="圖片路徑" />
加了CSS之後長這樣： <img src="圖片路徑"
style="border:0px;" />
而這三種方式可以同時並存，且採用的優先順序是 三 > 二 > 一
所以~~!!
你只要編輯文章的時候切換到HTML模式
找到你不想要出現邊框的圖片<img>標籤
利用第三種方式去設定她為border:0px，應該就可以了
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.27.35.216
1F：推 Izangel:成功了...感謝b大熱心的解說:) 11/24 16:38
2F：推 yuankuei:第二種跟第一種的優先順序似乎要看排列次序?? 11/24 17:04
3F：→ b0339576:是喔?? 可能我遇到的情況都是第二種放在第一種下面吧~ 11/24 17:29