色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css背景多圖

夏志豪1年前8瀏覽0評論

CSS中的背景圖片可以設置為多個,通過CSS的background-image屬性來實現。以下代碼演示了如何將兩張圖片設置為背景圖片:

body {
background-image: url("bg1.jpg"), url("bg2.jpg");
background-repeat: repeat-y, no-repeat;
background-position: left top, right bottom;
/* 上面三行代碼的作用分別是: 
將兩張圖片作為背景圖片,分別是bg1.jpg和bg2.jpg;
第一張圖片水平方向重復,垂直方向不重復;
第二張圖片水平垂直方向都不重復;
第一張圖片的位置在左上角,第二張圖片的位置在右下角。*/
}

上文中的代碼使用了background-image、background-repeat和background-position三個屬性來設置背景圖片的多圖展示,下面介紹一下這三個屬性的具體用法。

background-image:用于設置元素的背景圖像,可以設置多個背景圖片,用英文逗號分隔。

background-repeat:用于指定背景圖片的平鋪模式。可選值包括:

  • repeat:背景圖像在縱向和橫向上平鋪。
  • repeat-x:背景圖像在橫向上平鋪,縱向不平鋪。
  • repeat-y:背景圖像在縱向上平鋪,橫向不平鋪。
  • no-repeat:背景圖像不平鋪,只顯示一次。

background-position:用于設置背景圖片的位置。默認情況下,背景圖片的位置是在元素的左上角。可以指定一個或兩個值來改變背景圖片的位置。當只指定一個值時,可以是長度或百分比。當指定兩個值時,第一個值表示水平方向上的位置,第二個值表示垂直方向上的位置。例如:left top表示左上角,right bottom表示右下角。

以上就是CSS中設置背景圖片多圖展示的方法和屬性介紹。