CSS（层叠样式表）是一种用于网页设计的语言，它可以设置文本、图像、背景和其他网页元素在网页中的位置和样式。在网页设计中，导航栏是非常重要的一个组件，本文将会介绍如何使用CSS设置网页的导航栏。要创建
<ul> <li><a href="#">首页</a></li> <li><a href="#">关于我们</a></li> <li><a href="#">服务</a></li> <li><a href="#">联系我们</a></li> </ul>
<style>
ul {
list-style-type: none; /* 去掉列表的默认样式 */
margin: 0; /* 去除边距 */
padding: 0; /* 去除填充 */
background-color: #333; /* 设置背景颜色 */
}
li {
float: left; /* 让列表水平排列 */
width: 25%; /* 设置每个列表项占据四份之一 */
}
a {
display: block; /* 使超链接变成块级元素 */
color: white; /* 设置字体颜色 */
text-align: center; /* 文本居中 */
padding: 14px 16px; /* 设置填充 */
text-decoration: none; /* 去除下划线 */
}
a:hover {
background-color: #111; /* 鼠标悬浮时背景颜色变化 */
}
</style> 
粉丝
0
关注
0
收藏
0
