我是 Stackoverflow 的新手,只想构建简单的 CSS 导航菜单。如何将这些元素从左到右对齐,并在鼠标焦点上创建子元素?
<html>
<head>
<title>Test App</title>
<style>
li{
list-style:none;
}
ul{
background-color: green;
}
</style>
</head>
<body>
<ul>
<li>
George
</li>
<li>
Belly
</li>
<li>
Mac
</li>
</ul>
</body>
</html>
最佳答案
这些是 CSS 背后非常基本的思想,所以我不会解释它们。希望这能让你开始。
.nav {
list-style-type: none;
}
.nav li {
display: inline-block;
height:55px;
box-sizing:border-box;
text-align:center;
line-height:15px;
padding:20px 10px;
}
.nav li:hover{
background-color:darkgreen;
}
<html>
<head>
<title>Test App</title>
<style>
li {
list-style: none;
}
ul {
background-color: green;
}
</style>
</head>
<body>
<ul class="nav">
<li>
George
</li>
<li>
Belly
</li>
<li>
Mac
</li>
</ul>
</body>
</html>
关于html - Css 导航菜单文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40326200/