background当你在那个页面上时,我试图让我的菜单栏变黑,例如.如果您在SFX页面上,则SFX选项卡将为黑色,而不是红色.
这是我的HTML:
<div id="menuBar" align="left">
<table cellspacing="5" >
<tr>
<td><a href="index2.php">Home</a></td>
<td><a href="editorial.php">Editorial</a></td>
<td><a href="sfx.php">SFX</a></td>
<td><a href="occasion.php">Occasion</a></td>
<td><a href="artwork.php">Artwork</a></td>
<td><a href="body.php">Body Painting</a></td>
<td><a href="contact.php">Contact</a></td>
<td><a href="about.php">About</a></td>
</tr>
</table>
</div>
Run Code Online (Sandbox Code Playgroud)
而我的CSS:
#menuBar {
position: absolute;
left: 0;
right: 0;
margin: auto;
width: 810px;
height: 30px;
top: 53px;
vertical-align:central;
}
#menuBar a {
background: #AA0000;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 11px;
padding-right: 11px;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
color: Beige;
text-decoration: none;
font-weight:bold;
font-size:18px;
font-family: Gabriola,"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", …Run Code Online (Sandbox Code Playgroud)