css写入背景 |css点击切换样式

body {
background-color: #fff; /*设置背景颜色*/
background-image: url("bg.png"); /*设置背景图片*/
background-repeat: repeat-x; /*设置背景图片的重复方式，此处为水平方向重复*/
background-position: center top; /*设置背景图片的位置*/
background-attachment: fixed; /*固定背景图片，让网页元素覆盖在背景上*/
}
div {
background-color: rgba(255, 255, 255, 0.9); /*设置背景颜色及其透明度*/
background-image: linear-gradient(to bottom, #fff, #f2f2f2); /*设置线性渐变背景*/
background-size: cover; /*设置背景图片的大小，使其完全覆盖元素*/
background-clip: padding-box; /*设置背景颜色的区域，这里为盒子内边距区域*/
}

使用CSS设计网页背景，可以为网页增添美观性，提高用户体验。在编写CSS时，注意各种属性的优先级，避免出现不必要的错误。通过不断练习，相信大家可以成为一名优秀的网页设计师。