ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

padding应用-导航

2021-04-12 19:02:12  阅读:24  来源: 互联网

标签:ff8500 color border height padding nav 应用 41px 导航


<!DOCTYPE html>

<html lang="en">

 

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <style>

        .nav {

            height: 41px;

            border-top: 3px solid #ff8500;

            border-bottom: 1px solid #edeef0;

            background-color: #fcfcfc;

        }

 

        .nav a {

            /* a属于行内元素 此时必须转换 行内块元素 */

            display: inline-block;

            height: 41px;

            padding: 0 20px;

            font-size: 12px;

            color: #4c4c4c;

            text-decoration: none;


 

        }

 

        .nav a:hover {

            background-color: #eee;

            color: #ff8500;

        }

    </style>

</head>

 

<body>

    <div class="nav">

        <a href="#">新浪微博</a>

        <a href="#">手机新浪网</a>

        <a href="#">移动客户端</a>

        <a href="#">微博</a>

        <a href="#">三个字</a>

    </div>

</body>

 

</html>

标签:ff8500,color,border,height,padding,nav,应用,41px,导航
来源: https://blog.csdn.net/m0_48296211/article/details/115635424

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有