CSS可以非常輕松地設置網頁的頁眉背景,只需要使用background屬性即可實現。
header { background: #333; /* 設置背景顏色 */ height: 100px; /* 設置高度 */ }
在上面的代碼中,我們使用header選擇器來選中網頁的頁眉元素,然后使用background屬性來設置背景顏色為#333,即深灰色。此外,我們還可以使用height屬性來設置頁眉的高度。
除了使用顏色來設置背景,我們還可以使用圖片作為背景。在使用圖片時,我們需要使用background-image屬性來引入圖片。
header { background-image: url("header-bg.jpg"); /* 引入背景圖片 */ background-repeat: no-repeat; /* 設置不平鋪 */ background-size: cover; /* 設置圖片大小為cover */ }
在上面的代碼中,我們使用了background-image屬性來引入一張名為header-bg.jpg的圖片作為背景,并使用了background-repeat屬性來設置不平鋪,這樣圖片不會在背景中重復出現。同時,我們還使用了background-size屬性來將圖片大小設置為cover,這樣它會覆蓋整個背景。