在CSS中,背景屬性允許開發者控制元素的背景。這篇文章將列出所有可用的CSS背景屬性。
background-color:設置元素的背景色。 background-image:設置背景圖片。 background-repeat:控制背景圖片是否重復。 background-position:控制背景圖片的位置。 background-attachment:控制背景圖片是否滾動。 background-size:控制背景圖片的尺寸。
下面讓我們分別介紹這些屬性。
background-color
這個屬性允許開發者為元素設置背景色。顏色可以使用關鍵字,十六進制值或RBG值。
例: background-color: red; background-color: #FF0000; background-color: rgb(255,0,0);
background-image
這個屬性允許開發者設置元素的背景圖片。圖片的路徑可以使用相對路徑或絕對路徑。
例: background-image: url("bg-image.jpg");
background-repeat
這個屬性允許開發者控制背景圖片是否重復。默認情況下,圖片將水平和垂直方向都重復。
例: background-repeat: no-repeat;(不重復) background-repeat: repeat-x;(水平重復) background-repeat: repeat-y;(垂直重復)
background-position
這個屬性允許開發者控制背景圖片的位置。可以使用關鍵字或百分比值。
例: background-position: center; background-position: 50% 50%;
background-attachment
這個屬性允許開發者控制背景圖片是否隨滾動條滾動。
例: background-attachment: fixed;(固定) background-attachment: scroll;(滾動)
background-size
這個屬性允許開發者控制背景圖片的尺寸。可以使用具體的像素值,百分比值或關鍵字。
例: background-size: 200px 150px; background-size: cover;(完全覆蓋) background-size: contain;(自適應)
以上就是所有可用的CSS背景屬性了。開發者可以根據實際需求選擇使用哪些屬性。