您的位置：首页 > Web前端 > CSS

CSS 用浮动制作一个导航栏

2017-05-26 21:54 239 查看 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
ul{
list-style: none;
}
li{
float: left;/*浮动:文本悬浮。脱离了文档流，悬浮在文档上方*/
width: 150px;
color: red;
font-size: 30px;
text-align: center;/*文本居中*/
}
</style>

<title>导航</title>
</head>
<body>

<ul>
<li>购物车</li>
<li>帮助中心</li>
<li>加入收藏</li>
<li>设为首页</li>
<li>登录</li>
<li>注册</li>
</ul>

</body>
</html>

运行结果：

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航