DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 普通的導航鏈接條,但是加了CSS效果
普通的導航鏈接條,但是加了CSS效果
編輯:CSS詳解     

<!-- 把如下代碼加入<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>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved