居中元素

Question

我开始学习 HTML 和 CSS 我想知道：我如何使此链接成为主页和关于以及联系中心 Header

Html：

 <body>
    <header>
        
        <h1><a href="#">HBT</a> </h1>
        <nav>

            
                <a href="./home.html">Home</a>
                <a href="./about.html">About</a>
                <a href="./contact.html">Contact</a>
            
        </nav>
    </header>
</body>

风格：


*{
    margin:0;
    
}

header{
    background-color:#000;
overflow: hidden;
height:90px;
}

header h1{
    float :left;
}
header nav a{
    float :right;
    padding:10px;
}

Answer 1

由于<a>是内联元素，您需要将其转换为块元素。 此外，填充不是您的选择，因为。 您将需要 100% 的高度。

a {
    color: #fff;
    display: block;
    height: 100%;
    background: red;
}

居中元素

问题描述

1 个解决方案

解决方案1
1 2021-01-14 09:21:11

居中元素

问题描述

1 个解决方案

解决方案1 1 2021-01-14 09:21:11

解决方案1
1 2021-01-14 09:21:11