CSS中,用于设置元素背景的属性称为“background”。
div { background: #F5F5F5 url("example.jpg") no-repeat fixed center; }
上述代码将
元素的背景设置为灰色(#F5F5F5),并使用名为“example.jpg”的图片作为背景图案,不重复显示,并固定在屏幕中央。
除了颜色和图片,背景还可以包括其他属性,例如位置、大小、重复、滚动等等。可以通过设置不同的值,来实现不同的背景效果。
div { background-color: #F5F5F5; background-image: url("example.jpg"); background-repeat: no-repeat; background-position: center; background-attachment: fixed; }
上述代码与前面的代码实现的功能相同,但是使用了分离属性的方式。
掌握background属性的不同用法,可以使得网页设计更加自由和灵活,实现更多的效果。