在CSS中定義【導航欄】超鏈接樣式


1、案例css代碼

  1. <style
  2. .divcss5 a:link{ color:#F00}/* 鏈接默認為紅色 */ 
  3. .divcss5 a:hover{ color:#000}/* 鼠標懸停黑色 */ 
  4. .divcss5 a:active{ color:#03F}/* 鼠標點擊與釋放時藍色 */ 
  5. .divcss5 a:visited{ color:#F0F}/* 訪問過為粉紅 */ 
  6. /* divcss5對象內 a超鏈接設置樣式 */ 
  7. </style

2、案例html代碼

  1. <div class="divcss5"
  2. DIVCSS5關於 
  3. <href="http://www.divcss5.com/shili/s57.shtml">CSS a樣式</a>案例 
  4. </div

===================

自己的案例,

/*導航欄*/
.menu a:link{ color:white}/* 鏈接默認為白色 */
.menu a:hover{ color:red}/* 鼠標懸停白色 */
.menu a:active{ color:yellow}/* 鼠標點擊與釋放時白色 */
.menu a:visited{ color:black}/* 訪問過為白色 */

以上是css文件

<ul class="menu" id="menu">
  <li ><a href=company.php?id=802>首頁</a></li>
  <li ><a href=company_introduction.php?id=802>公司介紹</a></li>
  <li ><a href=company_news.php?id=802>資訊美文</a></li>
  <li ><a href=company_XX.php?id=802>裝修工地</a></li>
  <li ><a href=company_store.php?id=802>商品展示</a></li>
  <li class="banner_li" ><a href=company_team.php?id=802>優秀員工</a></li>
   
  </ul>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM