电脑技术学习

普通的导航链接条,但是加了CSS效果

dn001

<!-- 把如下代码加入<body>区域中 -->
<style>
A.menulink
{
display: block;
width: 198px;
text-align: left;
text-decoration: none;
font-family:arial;
font-size:12px;
color: #000000;
BORDER: none;
border: solid 1px #FFFFFF;
}

A.menulink:hover
{
border: solid 1px #6100C1;
background-color:#F0E1FF;
}

</style>

<script>

var ns4class=''
</script>
<table border="0" width=198>
<tr>
<td width="100%" bgcolor="#E6E6E6"><b>CSS的链接效果<b></td>
<tr>
<td width="100%"><a href="http://www.sina.com" class="menulink" class=&{
ns4class};>新浪网</a></td>
</tr>
<tr>
<td width="100%"><a href="http://www.knowsky.com" class="menulink" class=&{ns4class
};>动态网站制作指南</a></td>
</tr>
<tr>
<td width="100%"><a href="http://www.163.com" class="menulink" class==&{ns4class
};>网易</a></td>
</tr>
</table>

标签: