css导航栏

逐渐心动

于 2022-03-05 16:51:36 发布

阅读量193

点赞数

文章标签： html 前端 android studio

本文链接：https://blog.youkuaiyun.com/weixin_44701385/article/details/123297338

版权

<!DOCTYPE html>

<html lang="en" >
<head>
    <meta charset="utf-8" />
    <title>导航栏</title>
    <style type="text/css">

     #nav{
         width:100%;
         height:40px;
        margin:50px;
        background:f2f2f2;
    }
     #nav ul li{
         margin:5px 10px;
         float:left;
         list-style:none;
     }
     #nav ul li a{
         float:left;
         padding:0px 16px;
         color:blank;
         font:size 15px;
     }
     a{
         text-decoration: none;
     }
    </style>
</head>
<body>
    <div id="nav">
        <ul >
            <li ><a href="#">首页</a></li>
            <li ><a href="#">朋友</a></li>
            <li ><a href="#">商城</a></li>
            <li ><a href="#">下载客户端</a></li>
        </ul>
    </div>
</body>
</html>