特定圖片如何去掉框? - 部落格

※ 引述《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，應該就可以了

--