很容易理解的前端基礎(chǔ)CSS-如何美化你的網(wǎng)站【零基礎(chǔ)向】
*{
? ? 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;
}
