由于超鏈接有四種不同的狀態(tài),CSS用偽類來標識它們。
創(chuàng)新互聯(lián)專注于彝良網(wǎng)站建設服務及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供彝良營銷型網(wǎng)站建設,彝良網(wǎng)站制作、彝良網(wǎng)頁設計、彝良網(wǎng)站官網(wǎng)定制、微信小程序定制開發(fā)服務,打造彝良網(wǎng)絡公司原創(chuàng)品牌,更為您提供彝良網(wǎng)站排名全網(wǎng)營銷落地服務。
(1) :link:設置a對象在未被訪問前的樣式表屬性。
(2) :visited:設置a對象在其鏈接地址已被訪問過時的樣式表屬性。
(3) :hover:設置對象在其鼠標懸停時的樣式表屬性。
(4) :active:設置對象在被用戶激活(在鼠標點擊與釋放之間發(fā)生的事件)時的樣式表屬性。
定義超鏈接的樣式:
定義超鏈接樣式的一般格式是:
選擇符:偽類名 { 樣式表 }
css中關于超鏈接的四個屬性正確順序為:
a:link {}
a:visited {}
a:hover {}
a:active {}
偽類名字對大小寫不敏感,但在定義順序上有要求。:hover必須被置于:link和:visited之后才是有效的,:active必須被置于:hover之后才是有效的。
如果沒有指定偽類,則默認為 :link。
超鏈接默認情況下是始總有下滑線的,如果要去掉下劃線,則需要添加樣式 text-decoration: none;
例子:
a:link { color:#dd3409;text-decoration:none; font-size:13px; }/**//* 超鏈接的樣式 */
a:visited { color:#9f301d;text-decoration:none; }
a:visited:hover { color:#9f301d;text-decoration:underline; }
a:hover { color:#dd3409;text-decoration:underline; }
a:active { color:#ff3300;text-decoration:underline; }
CSS可控制超鏈接樣式-css鏈接樣式如下
a:link是超級鏈接的初始狀態(tài)
a:hover是把鼠標放上去時懸停的狀況
a:active
是鼠標點擊時
a:visited是訪問過后的情況
字體大?。篺ont-size:16px;
color:#(選擇需要的顏色)
示例:
a{color:#333;text-decoration:none;
}這個表示,鏈接的顏色為#333,無下劃線。
一般字體大小在別的標簽中定義。比如
等。
CSS中用四個偽類來定義鏈接的樣式,分別是:a:link、a:visited、a:hover和a : active,例如:
a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;}
a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;}
a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;}
a:active {font-weight : bold ;text-decoration : none ;color : #F90 ;}
以上語句分別定義了"鏈接、已訪問過的鏈接、鼠標停在上方時、點下鼠標時"的樣式。注意,必須按以上順序寫,否則顯示可能和你預想的不一樣。記住它們的順序是“LVHA”。
鏈接是從一個網(wǎng)頁到另一個網(wǎng)頁的連接,CSS可通過不同屬性以各種不同方式來設置鏈接的樣式。下面本篇文章就來給大家介紹一下CSS設置鏈接的樣式的方法,希望對大家有所幫助。
在討論CSS屬性之前,先了解鏈接的狀態(tài)是非常重要的。鏈接可以存在于不同的狀態(tài),并且可以使用偽類進行樣式設置。
下面給出了四種鏈接狀態(tài):
● a:link =這是一個正常的,未訪問過的鏈接。
● a:visited =這是用戶至少訪問過一次的鏈接
● a:hover =當鼠標懸停在它上面時,這是一個鏈接
● a:active =這是一個剛剛點擊的鏈接。
語法:
color_name可以采用任何格式,如顏色名稱(green)、十六進制值(#5570f0)或RGB值-rgb(25, 255, 2)。還有另一個狀態(tài)“a:focus”,用于在用戶使用Tab鍵瀏覽鏈接時進行聚焦。
鏈接的默認值:
● 默認情況下,創(chuàng)建的鏈接帶有下劃線。
● 當鼠標懸停在鏈接上方時,它會變?yōu)槭中螆D標。
● 正常/未訪問的鏈接為藍色。
● 訪問過的鏈接有紫色。
● 活動鏈接為紅色。
● 鏈接聚焦時,它周圍有一個輪廓。
例:
效果圖:
CSS如何設置鏈接的樣式?
下面是鏈接的一些基本CSS屬性:
● color屬性
● font-family屬性
● text-decoration屬性
● background-color屬性
1、color屬性: 此CSS屬性用于更改鏈接文本的顏色。
語法:
例:
效果圖:
2、font-family屬性 :此屬性用于使用font-family屬性更改鏈接的字體類型。
語法:
3、text-decoration屬性: 此屬性主要用于向鏈接刪除或添加下劃線等修飾。
語法:
例:
效果圖:
4、background-color屬性 :此屬性用于設置鏈接的背景顏色。
語法:
例:使用以下css屬性
效果圖:
更多 web前端 知識,請查閱 HTML中文網(wǎng) ?。?/p>
不用太麻煩
td1{
background-image: url('img/menu_on.gif');
color:#FFFFFF;
float:left;
width:100px;
height:35px;
text-align: center;
}
td1 a{
color:#FFFFFF;
line-height:35px;
}
如果要清楚鏈接的下劃線,那就再加個 text-decoration:none;
布局為
div class="td1"a href="#"文字/a/div
或者是
table border="0" cellpadding="0" cellspacing="0" width="100%"
tr
td class="td1"a href="#"文字/a/td
/tr
/table
有效果啊 你是不是忘了用class調用啊
你看我貼你的代碼 三種方式都行啊
%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head runat="server"
titleUntitled Page/title
style type="text/css"
.daohang a { display:block; float:left; text-align:center; margin-left:75px;}
.daohang a:link{ color:#000000;text-decoration:none;}
.daohang a:visited{ color:#999999; text-decoration:none}
.daohang a:hover{ color:#006600; text-decoration:underline;}
.daohang a:active{ color:#000000;text-decoration:none;}
/style
/head
body
form id="form1" runat="server"
ul class="daohang"
lia href="#"首頁有效果啊/a/li
lia href="index.html"首頁有效果啊/a/li
/ul
ul
li class="daohang"a href="#"首頁也有效果啊/a/li
li class="daohang"a href="index.html"首頁也有效果啊/a/li
/ul
li class="daohang"a href="#"首頁還是有效果啊/a/li
li class="daohang"a href="index.html"首頁還是有效果啊/a/li
/form
/body
/html