Tôi muốn nhấn mạnh trình đơn điều hướng của tôi nhưng vấn đề là tôi cần nó dày hơn nên tôi đang sử dụng đường viền dưới để thay đổi chiều rộng thành 6px.Làm cho viền dưới gần hơn với văn bản
Tôi có thể tìm ra cách để biên giới xuất hiện gần văn bản hơn. Dường như khoảng cách 10px giữa văn bản và đường viền dưới cùng hiện tại và tôi không muốn có bất kỳ khoảng trống nào.
Tôi đã cố định vị trí div khác và vị trí nó tương ứng với mỗi {li} với {bottom: 10px} nhưng dường như tôi không thể làm cho nó hoạt động.
Dưới đây là những gì tôi có rất
MÃ
<div id="menu">
<ul>
<li><a href="#home">home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
CSS
#menu {
position: fixed;
left: 25%;
clear: both;
float: left;
font-size: 80px;
z-index: 500;
filter: alpha(opacity=75);
opacity: .75;
}
#menu ul{
text-decoration: none;
list-style-type: none;
margin: 0;
padding: 0;
line-height: 90px;
}
#menu ul li{
text-decoration: none;
list-style-type: none;
margin: 0;
}
#menu ul li a{
border-bottom: 6px solid #000;
text-decoration: none;
list-style-type: none;
color: #000;
}
#menu ul li a:hover{
}
Không tốt cho tập hợp văn bản được đặt 2 dòng và nhiều hơn nữa – Alexufo