2016年4月23日 星期六

Blogger CSS 標頭圖片 調整

小弟我之前在頭版圖片遇到的問題是
圖片原始大小太大 導致超出頭版
爬文後已解決 有相同狀況者

以下語法供各位參考



#header-inner {background-size:100%;background-position: center !important; width: 100% !important;}

這條之中
background-size:100% 是讓你的標頭圖片縮放大小
background-position: center !important; width: 100% !important
是讓你的標頭圖片置中 且標頭含圖片的範圍佔整個頭版寬度的 100%

(如果沒有設background-size圖片仍是原始大小
意即如果當初上傳圖片超過頭版 你的圖片會被頭版切掉)

--------------------------------------------------------------------------------------------------------------

#header{height:720px;text-align:center;}

這條之中
text-align:center 是讓你的標頭文字置中
height: px 是調整整個標頭含圖片 與底下文章版面的間距

---------------------------------------------------------------------------------------------------------------

沒有留言:

張貼留言