完美的模板CSS

完美的模板CSSbody{ margin:0px; padding:0px;}.left{ background:#313541; width:20%; float:left; position:absolute; top:0px; bottom:0px;}.top{ width:80%

大家好,欢迎来到IT知识分享网。完美的模板CSS

body {
margin: 0px;
padding: 0px;
}

.left {
background: #313541;
width: 20%;
float: left;
position: absolute;
top: 0px;
bottom: 0px;
}

.top {
width: 80%;
float: right;
height: 100px;
line-height: 100px;
border-bottom: 1px solid #b0cdff;
}

.content {
float: right;
width: 80%;
text-align: center;
font-size: 40px;
}

.leftTiyle {
font-size: 25px;
padding-left: 30px;
font-weight: 600;
color: #545454;
float: left;
}

.thisUser {
float: right;
margin-right: 30px;
}

.bigTitle {
background: #3d598a;
color: #fff;
height: 100px;
line-height: 100px;
text-align: center;
font-size: 24px;
font-family: -webkit-body;
}

.lines .active {
background: #272a34;
color: #fff;
}
.lines img{
width: 23px;
vertical-align: middle;
margin-bottom: 4px;
margin-right: 9px;
}
.lines div {
height: 70px;
line-height: 70px;
padding-left: 50px;
color: #707783;
}

.lines div:hover {
cursor: pointer;
color: #FFFFFF;
}

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/34062.html

(0)
上一篇 2023-12-28 18:45
下一篇 2023-12-31 13:15

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信