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

    技术2022-07-11  126

    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样式表

    设置好外边距 内边距

    写ul的样式 采用类选择器

    设置好左外边距

    写列表中每一列写样式

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

    写每个超链接a的样式

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

    设置伪类动画效果

    效果

    鼠标放在首页上

    Processed: 0.011, SQL: 9