调整主页背景色

<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:

  1. Background Color Change: Changed the header background color from #B3C2C7 to #78935d (the specified RGB color) in line 29:

     

    html

    Copy

    <tr bgcolor="#78935d">

  2. Bold Menu Items: Added inline styling to make all main menu items (Home, Genome, Expression, Tools, Document, Community) bold in lines 52-92:

     

    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> ...

##下面调整绿色背景下的字体颜色

  • Added CSS rules in the style section to set the text color to white:

     

    css

    Copy

    .nav li a { color: #FFFFFF !important; }

  • Added a subtle hover effect with a slight color change and underline:

     

    css

    Copy

    .nav li a:hover { color: #F0F0F0 !important; text-decoration: underline; }

  • Kept all previous modifications:
    • Green background color (#78935d) for the header and menu bar
    • Bold text for all main menu items

 

##绿色背景下的字体颜色

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:

  1. Main Menu Text Color: Changed the text color in the green background navigation bar to match the dark gray (#333333) used in your site:

     

    css

    Copy

    .nav li a { color: #333333 !important; }

  2. Menu Hover Effect: Added a hover effect that darkens the text to black and adds an underline:

     

    css

    Copy

    .nav li a:hover { color: #000000 !important; text-decoration: underline; }

  3. Footer Text Colors: Added styling for the footer area to ensure text colors are consistent:

     

    css

    Copy

    td.menu font { color: #333333 !important; } td.menu a { color: #0066FF !important; } td.menu a:hover { color: #000000 !important; }