css小记

最新推荐文章于 2021-07-01 07:09:09 发布

润砾成珠

最新推荐文章于 2021-07-01 07:09:09 发布

阅读量650

点赞数

分类专栏： web

本文链接：https://blog.csdn.net/u011569805/article/details/23738737

版权

web 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

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);