前端学习（新浪导航）

zhangfei199507

于 2020-02-27 14:38:24 发布

阅读量281

点赞数

CC 4.0 BY-SA版权

文章标签： css html5

本文链接：https://blog.csdn.net/zhangfei199507/article/details/104536190

本文详细探讨了前端开发中CSS和HTML5的关键概念与应用，旨在帮助读者深化对这两项核心技术的理解，提升网页布局和交互设计能力。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新浪导航</title>
</head>
<style>
  * {
    /*清除元素默认的内外边距*/
    margin: 0;
    padding: 0;
  }
  .nov {
    height: 62px;
    background-color: #fcfcfc;
    /*上边框*/
    border-top: 3px solid #ff8500;
    /*下边框*/
    border-bottom: 1px solid #edeef0;
  }
  .nov a {
    /*转换为行内块*/
    display: inline-block;
    height: 62px;
    line-height: 62px;
    color: #4c4c4c;
    /*代表 上下是 0  左右是 20 内边距*/
    padding: 0 20px;
    text-decoration: none;
    font-size: 22px;
  }
  .nov a:hover{
    background-color: #eeeeee;
  }
</style>
<body>
<div class="nov">
  <a href="#">设为首页</a>
  <a href="#">手机新浪网</a>
  <a href="#">移动客户端</a>
  <a href="#">博客</a>
  <a href="#">微博</a>
  <a href="#">关注我</a>
</div>
</body>
</html>