痞客邦 圖片框線設定 | 調整 | 圖片框線設定 圖片寬高設定

最近在閱讀自己文章時發現一個問題,有些圖片顏色會把文字顏色給蓋掉,文字看起來不明顯,為了解決這樣的問題試了一下,發現在原始碼裡面可以設定圖片的細部設定,包括你的圖片框線、圖片寬高等都可以從這裡設定,我們往下看看要怎麼做到 痞客邦 圖片框線設定 吧! 

痞客邦 圖片框線設定

 

痞客邦 圖片框線設定

圖片框線設定

 

▼ 要設定你的圖片框線,首先得有圖片,將圖片上傳好後,我們在文章編輯器裡選擇原始碼。

痞客邦 圖片框線

▼ 切換到原始碼模式,圖片html語法以img開頭,接著我們以前後文字確認你想修改的圖片。

痞客邦 圖片邊框顏色

▼ 接著在語法中加入border=”數字” 的方式就能加入框線,數字可以是1~8 ,預設的邊框顏色是圖片本身的顏色

圖片外框

▼ 也可以以設定style方式去對border做設定,如以下加入 style=”border : 5px solid red” ,粗細及顏色可以依需求自行再做調整。

圖片外框線

▼ 另外高寬的部分,更改height(高)、width(寬)內數字就能輕易修改,但建議高寬同比例縮放較佳。

圖片邊線

小結 : 以上即為痞客邦設置圖片框線的方式,可以依此設定個別圖片之框線、框線顏色,後面提及的圖片寬高也是個別設定,主要也是針對個別圖片的設定。以上為個人簡易的整理,喜歡幫我分享出去喔! 若有任何想法也歡迎在下方留言,謝謝! 

發表留言