用css怎么制作淘宝的悬浮导航 30
3个回答
展开全部
单独的css是无法完成导航条的，需要结合html，一般导航条的制作都是通过一个div包裹着ul，使用li来排列完成导航条的html部分，css中，我们需要给这个div宽高，还需要设置好li的宽，高，还有一个float属性，这样基本上导航条就制作完成，请看代码：
<html>
<head>
<style>
#div1{
width:600px;
height:40px;
font-size:13px;
}
#div1 ul li{
list-style:none;
width:50px; //具体的高宽需要根据实际要求
height:30px;
}
</head>
<body>
<div id='div1'>
<ul>
<li><a href=''>目录1</a></li>
<li><a href=''>目录2</a></li>
<li><a href=''>目录3</a></li>
<li><a href=''>目录4</a></li>
</ul>
</div>
</body>
</html>
<html>
<head>
<style>
#div1{
width:600px;
height:40px;
font-size:13px;
}
#div1 ul li{
list-style:none;
width:50px; //具体的高宽需要根据实际要求
height:30px;
}
</head>
<body>
<div id='div1'>
<ul>
<li><a href=''>目录1</a></li>
<li><a href=''>目录2</a></li>
<li><a href=''>目录3</a></li>
<li><a href=''>目录4</a></li>
</ul>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
