网站建设知识
css如何设置页眉背景
2025-07-04 15:43  点击:0

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; }

在上面的代码中,我们使用了background-image属性来引入一张名为header-bg.jpg的图片作为背景,并使用了background-repeat属性来设置不平铺,这样图片不会在背景中重复出现。同时,我们还使用了background-size属性来将图片大小设置为cover,这样它会覆盖整个背景。