css背景与列表设置练习 |css不显示背景

/* 设置背景 */
body {
 background-color: #f5f5f5; /*设置整个页面的背景颜色*/
 background-image: url('image.jpg'); /*设置整个页面的背景图片*/
}
#header {
 background-color: #333; /*设置页眉的背景颜色*/
 color: #fff; /*设置页眉的文本颜色为白色*/
}
#footer {
 background-color: #333; /*设置页脚的背景颜色*/
 color: #fff; /*设置页脚的文本颜色为白色*/
}
/* 设置列表 */
ul {
 list-style-type: none; /*去掉默认的圆点标记*/
 margin: 0; /*设置列表的外边距为0*/
 padding: 0; /*设置列表的内边距为0*/
}
li {
 margin: 0 0 10px 0; /*设置列表项的外边距为0，下边距为10px*/
}

上面的代码演示了如何设置网站的背景。通过设置body元素的背景颜色和背景图片，大家可以很容易地设置整个页面的背景。而通过设置id为header和footer的元素的背景颜色和文本颜色，大家可以定制网站的页眉和页脚。

同时，大家也可以通过CSS轻松设置列表的样式。在上面的代码中，大家去掉了默认的圆点标记，并且设置了列表项的外边距和下边距，使得列表项之间有一定的间隔。

练习CSS的设置可以帮助大家更好地理解CSS的基本概念和语法，并为大家日后的网站设计提供更多的自由度和灵活性。希望大家在学习CSS的过程中能够不断地进行实践和练习，让大家的网站更加美观和专业。