標簽的背景

如果設置標簽的顏色

在CSS中有一個background-color:的屬性,就是專門用來設置標簽的背景顏色的。

取值:
?????????具體的顏色單詞。
?????????rgb
?????????rgba
?????????十六進制

如何設置背景圖片

在CSS中有一個background:url();的屬性。就是用來設置背景圖片的

注意點:

圖片的地址必須寫在URL()中,圖片地址可以是本地地址也可以是網絡地址
如果圖片的大小沒有標簽的大小大,那么會自動在 水平和垂直方向平鋪,
background的平鋪取值。
repeat 默認平鋪
no-repeat 不平鋪
repeat-x 在水平方向平鋪
repeat-y 在垂直方向平鋪

應用場景, 可以通過平鋪降低圖片的大小。

如何控制背景圖片的位置

在CSS中有一個background-position的屬性 就是專門用于控制背景圖片的位置的

格式

   background-position: 水平方向 垂直方向;

取值
具體方位名詞
垂直方向:top center bottom
水平方向:left center right
具體像素
PX;

背景的縮寫

background: 背景顏色 背景圖片 平鋪方式 關聯方式 定位方式 :
background:屬性中, 任何一個都可以省略

          background:red url(images/XX.jpg) no-repeat left bottom;

背景的關聯方式

默認情況下背景圖片會隨著滾動條滾動
如果不想讓背景圖片隨著滾動條滾動那么我們就可以修改背景圖片和滾動條的關聯方式

background-attachment:
取值。
scroll 會隨著滾動條滾動

fixed 不會隨著滾動條滾動

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • background-color background-color:#ff0000紅色background-col...
    每日活菌閱讀 517評論 0 0
  • Div和Span標簽 什么是div? 作用: 一般用于配合css完成網頁的基本布局 什么是span? 作用: 一般...
    Jackson_yee_閱讀 863評論 1 1
  • 轉載請聲明 原文鏈接地址 關注公眾號獲取更多資訊 第一部分 HTML 第一章 職業規劃和前景 職業方向規劃定位...
    前端進階之旅閱讀 16,627評論 32 459
  • 偏斜類的誤差度量 以預測腫瘤是否為惡性為例,我們使用邏輯回歸模型,其假設函數hθ(x),當y = 1時,我們可以預...
    SmallRookie閱讀 506評論 0 0
  • 三年前,一次逛書店,偶然一瞥,看到了一本名叫《十八歲前禁止涉足的十八個地方》的書,隨手翻開,西塘兩個字就映入...
    Sakuralll閱讀 407評論 2 1