本文详细解析了CSS中使用背景图片的方法，包括不同位置的设置、重复方式的选择以及内边距的具体应用。通过实例展示了如何为网页的不同部分（如顶部、中间、底部）设置独特的背景效果。
#main p{/*主体部分背景图片样式*/
background-image: url("../images/maintop.jpg");
background-position: top;
background-repeat:no-repeat;
padding-top :40px;
padding-left: 400px;}
.round-main-center{/*主体中间背景图片样式*/
background-image: url("../images/maincenter.jpg");
background-position: center;
background-repeat: repeat-y;
margin: auto;}
.round-main-bottom{/*主体底部背景图片样式*/
background-image: url("../images/mainbottom.jpg");
background-position : bottom;
background-repeat: no-repeat;
padding:0px 20px 20px;
padding-left: 400px;}
background-image: url("../images/maintop.jpg");
background-position: top;
background-repeat:no-repeat;
padding-top :40px;
padding-left: 400px;}
.round-main-center{/*主体中间背景图片样式*/
background-image: url("../images/maincenter.jpg");
background-position: center;
background-repeat: repeat-y;
margin: auto;}
.round-main-bottom{/*主体底部背景图片样式*/
background-image: url("../images/mainbottom.jpg");
background-position : bottom;
background-repeat: no-repeat;
padding:0px 20px 20px;
padding-left: 400px;}
扫一扫
1063
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
