2017.3.8
Posted 行走de猫
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了2017.3.8相关的知识,希望对你有一定的参考价值。
1、滑动门结构代码?
<ul>
<li><a href="#"><span>百度</span></a></li>
<li><a href="#"><span>百度</span></a></li>
<li><a href="#"><span>百度</span></a></li>
</ul>
2、滑动门样式?
li a{
height: 35px;
background: url("bg_r1_c1.png");
background-repeat: no-repeat;
display:inline-block;
padding-left: 7px;
}
li span{
height: 35px;
background: url("bg_r1_c2.png");
background-repeat: no-repeat;
display:inline-block;
background-position: right;
padding-right: 26px;
line-height: 35px;
}
3、滑动门样式改变?
li a:hover{
background: url("blue_r1_c1.png");}
li a:hover span{
background: url("blue_r1_c2.png") right;}
4、margin和padding的区别
margin-bottom:10px;
5、居中与间距前后有影响
margin: 0 auto;
margin-top: 10px;
6、网页布局思路
以上是关于2017.3.8的主要内容,如果未能解决你的问题,请参考以下文章