很容易理解的前端基础CSS-如何美化你的网站【零基础向】
*{
margin: 0;
padding: 0;
}
.clearfix::before,.clearfix::after{
content:"";
display: block;
clear；both
}
a{
text-decoration: none;
}
li{
list-style: none;
}
body{
background: url(./images/bgi.jpg) repeat;
}
.header{
margin: 0 auto;
width: 1300px;
height: 100px;
/* background-color: green; */
background-image: url(./images/jwsi.png);
background-repeat:no-repeat;
background-size: 1300px 100px;
overflow: hidden;
/* padding-top: 30px; */
/* vertical-align:auto; */
/* background-color: red; */
}
.box{
display: float;
float: left;
height: 100px;
width:870px;
margin-left: 50px;
/* background-color: yellow; */
/* overflow: hidden; */
}
.box a{
display: inline-block;
width: 120px;
height: 50px;
margin-top: 18px;
margin-right: 15px;
/* background-color: #fff; */
color: rgb(78, 91, 23);
font-size: 20px;
font-weight: bold;
line-height:38px ;
font-family: 微软雅黑;
/* text-decoration: overline; */
}
.box a:hover{
text-decoration: underline;
text-decoration-style: double;
text-decoration-color:rgb(78, 91, 23) ;
text-decoration-thickness: 3px;
}
/* .addbox{
width: 1300px;
height: 200px;
display: block; */
/* overflow: hidden; */
/* } */
.zerowaste img{
width: 1300px;
/* height: 200px; */
/* background-color: #fff; */
display:block;
margin:0 auto;
}
.main{
width: 900px;
/* height: 900px; */
/* background-color: #b5ef91; */
margin:0 auto;
}
.last{
width: 1300px;
/* height: 900px; */
/* background-color: #defacfbd; */
margin:0 auto;
overflow: hidden;
}
.b2{
margin-top: 70px;
border-top: 3px solid rgb(78, 91, 23);
margin-left: 0;
}
.other{
/* width: 1300px; */
height: 250px;
background-color: #e2f9d179;
margin:0 auto;
}
.shuye{
display: float;
float: right;
}
