蓉儿

版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明
http://lovelyrosa.blogbus.com/logs/17206710.html

    哈哈，框架结构的布局已经告一段落，接下来要学习网站元素设计的细节，如果说布局是网页骨骼的话，那么这一部分就是血肉部分，也是重中之重，加油！

4.1导航

4.1.1横向导航 

用ul元素<ul></ul> 表现导航列表块，块中的列表数据用<li></li>描述。以下是我实现的导航代码：

<ul id="nav">
<li><a href="#">home</a></li>    ／＊a链接对象实现样式控制＊／

<li><a href="#">news</a></li>
<li><a href="#">photo</a></li>
<li><a href="#">works</a></li>
<li><a href="#">contact</a></li>
</ul>

#nav li{
    float:left;   
}

#nav li a{
    text-decoration: none;
    color:#FFFF00;
    padding-top:4px;
    margin-left:2px;
    text-align:center;
    background-color: #000000;
    display: block;
    height: 22px;
    width: 97px;
    color: #FFFF00;
}

也可以用div+h1+h2＋...的方式来实现。