<style>
/* Override the menu background color */
td.menu {
background-color: #78935d !important;
}
.nav li {
background: #78935d !important;
}
</style>
#下面把字体调为bold
I've modified your homepage HTML code with only the two requested changes while keeping all other formatting and content exactly the same:
html
Copy
<tr bgcolor="#78935d">
html
Copy
<li><a href="index.html" style="font-weight: bold;">Home</a> </li> <li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a href="#" style="font-weight: bold;">Genome</a> ... <li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)"><a href="#" style="font-weight: bold;">Expression</a> ...
##下面调整绿色背景下的字体颜色
css
Copy
.nav li a { color: #FFFFFF !important; }
css
Copy
.nav li a:hover { color: #F0F0F0 !important; text-decoration: underline; }
##绿色背景下的字体颜色
After examining your CSS files and the screenshot, I found that the standard text color used is #333333 (a dark gray), with links using #0066FF (blue).
Here are the changes I made to the complete index.html:
css
Copy
.nav li a { color: #333333 !important; }
css
Copy
.nav li a:hover { color: #000000 !important; text-decoration: underline; }
css
Copy
td.menu font { color: #333333 !important; } td.menu a { color: #0066FF !important; } td.menu a:hover { color: #000000 !important; }