我正在尝试更改固定栏菜单上某些按钮的颜色,但它不起作用
I am trying to change the color of some buttons on a fixed bar menu but it doesn't work
无论我选择什么颜色,它始终保持 same:similar 到 link 但更深的蓝色..这是我的代码:
<!-- Create navigation bar-->
<style>
#TopBar{
position:fixed;
top:0;
left:0;
width:100%;
height:40px;
background-color:#181818;
}
</style>
<div id="TopBar"></div>
<!-- Create Page Links -->
<ul>
<li><a href="default.asp">Cos'è</a></li>
<li><a href="news.asp">Chi Siamo</a></li>
</ul>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
color: white;
position: absolute;
font-size: 20px;
}
</style>
<style>
li {
display: inline;
}
</style>
我希望有人能帮我尽快更改按钮的颜色
您需要更改 a 的 css。请将此添加到您的代码中
a{color:green;}
您可以将颜色从绿色更改为您想要的任何颜色。
更多信息会有所帮助。
如果您想在每个菜单按钮上使用不同的背景颜色,请在标记中添加 "style" 和 "background-color" 代码。例如:
<li><a style="background-color:red;" href="news.asp">Chi Siamo</a></li>
编辑:
或者,如果您想更改文本的颜色,并且要为每个标签使用不同的颜色,则可以将此添加到每个标签。
<li><a style="color:red;" href="news.asp">Chi Siamo</a</li>
希望对您有所帮助!
您可以使用 inline CSS
解决此问题,如下所示:
<li><a style="color: #00ff00;" href="default.asp">Cos'è</a></li>
或:
使用上述方法,您必须将其应用于每个 a
元素,这就是为什么使用此解决方案更好:
li a {
color: #00ff00;
}
我已经给 link 应用了红色。
li a{
color:red;
}
无论我选择什么颜色,它始终保持 same:similar 到 link 但更深的蓝色..这是我的代码:
<!-- Create navigation bar-->
<style>
#TopBar{
position:fixed;
top:0;
left:0;
width:100%;
height:40px;
background-color:#181818;
}
</style>
<div id="TopBar"></div>
<!-- Create Page Links -->
<ul>
<li><a href="default.asp">Cos'è</a></li>
<li><a href="news.asp">Chi Siamo</a></li>
</ul>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
color: white;
position: absolute;
font-size: 20px;
}
</style>
<style>
li {
display: inline;
}
</style>
我希望有人能帮我尽快更改按钮的颜色
您需要更改 a 的 css。请将此添加到您的代码中
a{color:green;}
您可以将颜色从绿色更改为您想要的任何颜色。
更多信息会有所帮助。
如果您想在每个菜单按钮上使用不同的背景颜色,请在标记中添加 "style" 和 "background-color" 代码。例如:
<li><a style="background-color:red;" href="news.asp">Chi Siamo</a></li>
编辑:
或者,如果您想更改文本的颜色,并且要为每个标签使用不同的颜色,则可以将此添加到每个标签。
<li><a style="color:red;" href="news.asp">Chi Siamo</a</li>
希望对您有所帮助!
您可以使用 inline CSS
解决此问题,如下所示:
<li><a style="color: #00ff00;" href="default.asp">Cos'è</a></li>
或:
使用上述方法,您必须将其应用于每个 a
元素,这就是为什么使用此解决方案更好:
li a {
color: #00ff00;
}
我已经给 link 应用了红色。
li a{
color:red;
}