您的位置:首页 > Web前端 > CSS

css小记

2014-04-15 11:17 357 查看
http://api.amap.com/lab/index

1.text-decoration:none <a> 无下划线

2 在此基础上修改css
* {
margin: 0;
padding: 0;
}
3.menu

.menu {
float: left;
display: inline;
width: 500px;
color: #CCCCCC;
}


4.rightdiv

.user {
float: right;
margin-right: 25px;
height: 30px;
line-height: 30px;
color: #FFFFFF;

}


5.clear:both;

6. line-height
.menu2 ul {
margin-right: 25px;
height: 60px;
line-height: 60px;
}
7. 尖角图片

.tc_t {
height: 9px;
width: 151px;
background-image: url('/Public/images/tc_t.png');
background-repeat: no-repeat;
overflow: hidden;
margin-top: -20px;
}.menu2 ul li ul li {
height: 30px;
line-height: 30px;
margin: 0px 0px 0 2px;
float: none;
font-size: 12px;
text-align: left;
padding: 0px 10px;
display: block;
white-space: nowrap;
}



menu2 ul li {
float: left;
font-family: 微软雅黑;
width: 106px;
display: inline;
font-size: 14px;
position: relative;
display: inline;
text-align: center;
height: 60px;
}


8.h1

h1 {
clear: both;
color: #196eab;
height: 55px;
line-height: 55px;
font-size: 16px;
font-family: 微软雅黑;
}
9.fen
.bottom_line {
border-bottom: solid 1px #EBEBEB;
}


<div class="info" style="height:300px;">
<div class="info_box info_left">

</div>
<div class="info_box info_mid">

</div>
<div class="info_box info_right">

</div>

<div style="clear:both"></div>
</div>


.info_box {
display: inline;
margin-top: 10px;
width: 220px;
}
.info_left {
float: left;
}


bo
box-shadow: 1px 0 1px 0 rgba(0,0,0,0.05),0 1px 1px 0 rgba(0,0,0,0.1);



                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: