HTML是萬維網的構建語言,它支持設置多個背景。多個背景可以是圖片或顏色,當頁面數據量較大時,這種技巧非常有用。
background: url(image1.jpg), url(image2.jpg), url(image3.jpg); background-color: #fff, #000; background-position: center, left top, right bottom; background-repeat: no-repeat, repeat-x, repeat-y;
代碼的解釋:
background
屬性可以用逗號分隔多個值。在這個例子中,它有三個背景圖片和兩個顏色值。background-color
屬性用于為每個背景指定顏色值。這里我們將第一個背景設置為白色,第二個設置為黑色。background-position
屬性用于為每個背景指定位置。這里我們將第一個背景設置為居中,第二個設置為左上角,第三個設置為右下角。background-repeat
屬性指定如何重復每個背景。在這個例子中,第一個背景不重復,第二個水平重復,第三個垂直重復。
通過使用這些屬性和值,我們可以在頁面中創建非常獨特的設計。