码迷,mamicode.com
首页 > 其他好文 > 详细

最简单的滑动条导航栏

时间:2019-10-06 13:26:15      阅读:85      评论:0      收藏:0      [点我收藏+]

标签:导航   lin   htm   pad   css   back   margin   html   top   

css:

ul li{
display: inline;
margin-right: 3em;
}
ul{
margin:8em auto;
margin-left: 20%;
}
ul li:hover{
border-bottom: 2px solid #000;
}

 

html:

<ul>
<li>loveyoumom</li>
<li>loveyoumom</li>
<li>loveyoumom</li>
<li>loveyoumom</li>
<li>loveyoumom</li>
</ul>

还可 通过调节li的padding-bottom/top来改变滑动条到导航栏的距离。

最简单的滑动条导航栏

标签:导航   lin   htm   pad   css   back   margin   html   top   

原文地址:https://www.cnblogs.com/Isabel4u/p/11626935.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!