HTML html的一个简易的 导航栏 运用css的float 和列表无序 并增加动画效果

1. 首先写一个无序列表在body中

    <ul class="two">
        <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>

2. 在style中写css样式表

3. 
   设置好外边距 内边距

写ul的样式 采用类选择器

设置好左外边距

写列表中每一列写样式

将li的前面的样式去掉
并增加外边距
设置好浮动 左

写每个超链接a的样式

将a标签设置为块元素
文本居中 行高 字体大小
并去掉a标签的下划线

设置伪类动画效果

效果

鼠标放在首页上