首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何更改导航ul li的颜色?

要更改导航ul li的颜色,可以使用CSS来实现。以下是一个示例的代码:

代码语言:txt
复制
<!DOCTYPE html>
<html>
<head>
<style>
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover {
  background-color: #111;
}
</style>
</head>
<body>

<ul>
  <li><a href="#">Home</a></li>
  <li><a href="#">About</a></li>
  <li><a href="#">Services</a></li>
  <li><a href="#">Contact</a></li>
</ul>

</body>
</html>

这段代码使用了CSS的样式来改变导航ul li的颜色。ul元素设置了背景颜色为#333,li元素设置为浮动左对齐。a元素设置了显示为块级元素,并且文字颜色为白色,有鼠标悬停效果时背景颜色变为#111。

对于更改导航的颜色,你可以根据实际需求修改CSS代码中的颜色数值,来实现不同的效果。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的沙龙

领券