导航条------06day

作者: 你想Ta吗 | 来源:发表于2018-11-22 20:19 被阅读0次

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>作业2导航一</title>
    <style type="text/css">
        *{
            margin: 0px;
            padding: 0px;
        }
        .nav{
            width: 960px;
            height: 42px;
            margin: 50px auto;
            list-style: none;
            border:1px solid black;
            

        }
        .nav a{
            font-size: 14px;
            font-family: '微软雅黑';
            display: block;
            float: left; 
            text-align: center;
            padding: 10px 20px;
            border-right: 1px solid #333;
            text-decoration: none;
            color: #333;
            

        }
    </style>
</head>
<body>
    <ul class="nav">
        <li><a href="#">全部商品分类</a></li>
        <li><a href="#[图片上传失败...(image-680474-1542888752989)][图片上传失败...(image-9462c4-1542888767555)]

"> 首页</a></li>
        <li><a href="#">药品超市 </a></li>
        <li><a href="#">药房联盟 </a></li>
        <li><a href="#">医院大全 </a></li>
        <li><a href="#">医药咨询 </a></li>
        <li><a href="#">健康问答 </a></li>
        
    </ul>
</body>
</html>