最简单的滑动条导航栏
Posted isabel4u
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了最简单的滑动条导航栏相关的知识，希望对你有一定的参考价值。
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来改变滑动条到导航栏的距离。
以上是关于最简单的滑动条导航栏的主要内容，如果未能解决你的问题，请参考以下文章