效果一样，不知道这样好不好-慕课网

首页课程实战体系课手记专栏慕课教程

效果一样，不知道这样好不好

来源：3-7 编程练习

ConsoleDot

2015-02-24 18:09

效果一样，不知道这样好不好

写回答关注

1回答

honpery: 2015-02-24 20:16:00

其实我也是自学的，有很多的地方也不知道好不好，前段时间自己研究了下，遇到有分割线的导航栏或者横向的列表，贴出来了，互相学习哈，求指点~

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <style type="text/css">
        /* reset */
        body,ul,li { margin:0; padding:0; list-style:none; }
        a { text-decoration:none; }
        /* reset end */

        /* common */
        .clear {
            clear:both;
        }
        .clear:after {
            content:"";
            display:block;
            zoom:1;
        }
        /* common end */

        /* nav */
        .nav {
            /* 便于观察 */
            border:1px solid #eee;
            float:left;
        }
        .nav li {
            float:left;
            width:100px;
            height:50px;
            text-align:center;
        }
        .nav a {
            display:block;
            height:16px;
            border-left:1px solid #000;
            color:#000;
            font-size:16px;
            margin-top:17px;
        }
        .nav .first a {
            border:0;
        }
        .nav a:hover {
            color:#aca;
        }
        /* nav end */
    </style>
</head>
<body>
    <!-- nav -->
    <ul class="nav clear">
        <li class="first"><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>
    <!-- nav end -->
</body>
</html>

0 0

企业网站综合布局实战

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

157042 学习 · 1984 问题

查看课程

相似问题

效果不一样

回答 1

为什么我的效果不一样？

回答 1

为什么没有那种效果写的一样的代码每次都是这样！好烦

回答 2

代码一样但是效果却是这样。。。

回答 3

这样布局好吗？

回答 1

打开慕课网App查看更多内容