css中背景样式默认情况下

CSS中的背景样式是网页设计中必不可少的部分。背景样式可以通过CSS属性设置,例如background-color、background-image、background-size、background-repeat等,以上所有的属性可以统称为背景属性

css中背景样式默认情况下

CSS中,背景属性是有认值的,当开发者不设置背景属性时,系统会使用认的背景样式。

body {
  background-color: #FFFFFF; /*认为白色*/
  background-image: none; /* 认没有背景图片*/
  background-repeat: repeat; /*认背景重复模式为repeat*/
  background-size: auto; /*认背景大小为auto*/
  background-position: 0% 0%; /*认背景位置为左上角*/
}

在 CSS 中,开发者可以选择重写认的背景属性值,以实现自己想要的效果。以下是一个更改背景颜色和图片的例子:

body {
  background-color: #000000; /*设置背景颜色为黑色*/
  background-image: url("bg.jpg"); /*设置背景图片*/
}

这个例子修改了背景颜色和图片,但是保留了认的背景位置和重复模式(即背景图片会在水平和垂直方向上重复显示)。如果需要修改认的背景位置和重复模式,可以使用background-position和background-repeat属性

body {
  background-position: center center; /*把背景图片的位置改为居中*/
  background-repeat: no-repeat; /*不允许背景图片重复*/
}

虽然认的背景样式已经具有很好的效果,但在一些时候修改背景样式会让页面的视觉效果更佳,因此无论是使用认值还是重写认值,都应该理解和掌握 CSS 的背景属性

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效