รบกวนถามเรื่องการสร้าง สีแต่ละ link ให้เป็นสีที่แตกต่างกัน

#nav a:hover {
	color: #778899;
}

<style type="text/css">
ul.v_menu{ /* กำหนดขอบเขตของเมนู */
	list-style:none;
	margin:0px;
	padding:0px;
	font-family:tahoma, "Microsoft Sans Serif", Vanessa;
	font-size:12px;
	text-decoration: none;	
}
ul.v_menu > li{ /* กำหนดรูปแบบให้กับเมนูหลัก */
	display:block;
	width:145px;
	height:26px;
	text-indent:5px;
	background-image:url("image/menu/bg1.gif");
	float:left;
	text-align:center;
	color:#FFFFFF;
	line-height:30px;
	text-decoration: none;
}
ul.v_menu > li:visited {
text-decoration: none;
color:#FFFFFF;
}
ul.v_menu > li:active {
text-decoration: none;
color:#FFFFFF;
}

ul.v_menu > li:hover{ /* กำหนดรูปแบบให้กับเมนูเมื่อมีเมาส์อยู่เหนือ */
	display:block;
	width:145px;
	height:26px;
	text-indent:5px;
	background-image:url("image/menu/bg2.gif");
	float:left;
	text-align:center;
	color:#FFFFFF;
	line-height:30px;
	text-decoration: none;
}
ul.v_menu > li > a,ul.v_menu > li > ul > li > a{ /* กำหนดรูปแบบให้กับลิ้งค์ */
	text-decoration:none;
	color:#FFFFFF;
	line-height:30px;
}
ul.v_menu > li > ul{
	display:none;
	list-style:none;
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	line-height:30px;
	text-decoration: none;
}
ul.v_menu > li:hover > ul { 
	display:block;
	width:145px;	
}	

ul.v_menu > li > ul > li{ /* กำหนดรูปแบบให้กับเมนูย่อย */
	display:block;
	width:143px;
	height:20px;
	text-indent:5px;
	background-color:#FFFFCC;
	border:1px #F4F4F4 solid;
	float:left;
	text-align:center;
	
}
ul.v_menu > li > ul > li:hover{ /* กำหนดรูปแบบให้กับเมนูย่อยเมื่อเมาส์อยู่เหนือ */
	display:block;
	width:143px;
	height:20px;
	text-indent:5px;
	background-color:#F4F4F4;
	border:1px #F4F4F4 solid;
	float:left;
	text-align:center;
}
</style>

<style type="text/css">
<!--
body,td,th {
	font-family: MS Sans Serif;
	font-size: 10pt;
}
.style2 {font-size: 18pt}
.style5 {
	color: #ffffcc;
	font-weight: bold;
	font-family: "Courier New", Courier, monospace;
	font-size: 10pt;
}
.style6 {
	font-size: 10pt;
	font-weight: bold;
	font-family: "Courier New", Courier, monospace;
}
.style10 {font-style: italic; font-family: AngsanaUPC;}
.style11 {
	font-family: "Courier New", Courier, monospace;
	font-size: 9pt;
}
.style12 {
	font-family: "Courier New", Courier, monospace;
	font-style: italic;
	font-size: 9pt;
}
.style13 {font-size: 11pt}
.style14 {font-size: 12px; font-weight: bold; font-family: "Courier New", Courier, monospace; }
.style15 {color: #FF0000}
.style16 {font-size: 8pt}
.style17 {color: #0000FF}
.style18 {color: #003300}
a:hover {
	text-decoration: none;
}
#Layer1 {
	position:absolute;
	left:303px;
	top:234px;
	width:231px;
	height:171px;
	z-index:1;
}
body {
	background-image: url(image/bg.png);
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
-->
</style>

<ul class="v_menu">  
    <li ><a href="#"> <b>หน้าหลัก<b/></a></li>  	
    <li><a href="#"> <b>วิธีการเข้าใช้<b/></a></li>  
    <li><a href="#"> <b>หลักการสร้าง<b/></a></li>  
    <li><a href="#"> <b>ตัวอย่างแบบสอบถาม<b/></a>	</li>  
	<li><a href="#"> <b>ติดต่อ<b/></a></li>
</ul>  

            <tr>
              <td><img src="icon/a26.gif" width="10" height="10" /><span class="style17"><a href="news.php?id_news=<?php echo  $id_news;?>"> <? echo  "$news_title";?></a></span><a href="index.php"><span class="style17">&nbsp;</span></a><span class="style17"></span><img src="icon/new.gif" width="25" height="9" /> </td>
            </tr>