设为首页收藏本站
开启辅助访问
搜索
快捷导航
论坛 › 学院 › 平面设计学院 › 案例
发新帖
返回列表
1 895
电梯直达  跳转到指定楼层

[作业] 案例

joker两点|中级会员 |勤币 417 |学币 0
发表于 2018-5-13 23:33 | 复制链接 | 打印 | 上一主题 | 下一主题
html+css网页前端课程 - 2.7.添加浮动和清除浮动及导航条案例
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>导航条案例</title>
  6. </head>
  7. <style>
  8. *{ margin:0; padding:0}
  9. ul{ list-style:none}
  10. .nav{ width:100%; height:40px; background:#F00; margin-top:100px}
  11. .nav ul{ width:1000px; height:40px;  margin:0 auto;}
  12. .nav ul li{ float:left }
  13. .nav li a{ width:120px; height:40px;  display:block; text-aligin:center; line-height:40px; color:#fff;text-decoration:none; font-size:18px; font-family:"黑体", "楷体", "宋体"}
  14. .nav li a:hover{ background:#FFF }

  16. </style>
  17. <body>
  18. <div class="nav">
  19.     <ul>
  20.         <li><a href="#">首页</a></li>
  21.         <li><a href="#">分类</a></li>
  22.         <li><a href="#">百科特色</a></li>
  23.         <li><a href="#">用户</a></li>
  24.         
  25. </body>
  26. </html>
复制代码


本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有帐号？立即注册

x
举报 使用道具
| 回复

共1个回复 最后回复于 2018-5-14 17:31

lori棒棒糖
版主
勤币 13901   学币 196  
沙发
发表于 2018-5-14 17:31:20 | 只看该作者
作业完成没有问题哦~效果不错的，继续加油！
举报 使用道具
回复 支持 反对
发新帖
返回列表
B Color Image Link Quote Code Smilies
高级模式
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表