a標簽原始的狀態(tài),鼠標移上去的狀態(tài),被點擊的狀態(tài),都設置一種字體顏色
成都創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供方正網(wǎng)站建設、方正做網(wǎng)站、方正網(wǎng)站設計、方正網(wǎng)站制作等企業(yè)網(wǎng)站建設、網(wǎng)頁設計與制作、方正企業(yè)網(wǎng)站模板建站服務,10年方正做網(wǎng)站經(jīng)驗,不只是建網(wǎng)站,更提供有價值的思路和整體網(wǎng)絡服務。
a,a:hover,a:active{
color:#000;
}
a:hover:鼠標處于鼠標懸停狀態(tài)的鏈接樣式
a:active:當鼠標左鍵按下時,被激活(就是鼠標按下去那一瞬間)的鏈接樣式。
擴展資料:
a:visited:定義已訪問過鏈接的樣式;
a:link:定義正常鏈接的樣式,未訪問鏈接。
四個“狀態(tài)”的先后過程是:a:link -a:hover -a:active -a:visited。
去掉a的下劃線:
對超鏈接下劃線設置:使用代碼"text-decoration"。
語法:
text-decoration : none || underline || blink || overline || line-through
text-decoration參數(shù):
none : 無裝飾;
blink : 閃爍;
underline : 下劃線;
line-through : 貫穿線;
overline : 上劃線。
去掉下劃線的方法就是將其text-decoration設置為none即可。
定義css分三類:
第一類:標簽元素
body,ul,li等,直接定義 ,格式:標簽名{屬性:樣式}
body{font-size:12px;}
第二類:類定義 在前面都是要加點
.top{margin-top:20px;}
第三類:id定義,id定義是樣式里做高的,一般不建議用。id定義用#
#footer{ margin-top:20px;}
父容器就是用來包含目標元素的容器,相反,子元素就是在目標元素內(nèi)的,父子是一個相對的概念
比如
div
p/p
/div
根據(jù)上面的代碼p元素就是div的子元素,div就是p的父容器
點上去 用 偽類 :hover{}
如你那個是a其他/a
css
a{ border: border: solid 1px #eee;}
a::hover{border-bottom: none;}
先一個例子,比如說下面這段代碼: style type=text/css a:link {text-decoration:none;color:blue;} a:hover {text-decoration:underline;color:red;} a:active {text-decoration:none;color:yellow;} a:visited {text-decoration:none;color:green;}/style 其效果是:未被點擊時超鏈接文字無下劃線,顯示為藍色;當鼠標放在鏈接上時有下劃線,鏈接文字顯示為紅色;當點擊鏈接時,即鏈接被激活,鏈接無下劃線,顯示為黃色;當點擊鏈接后,也就是鏈接已被訪問過后,鏈接無下劃線,顯示為綠色。其中: a:link 指正常的未被訪問過的鏈接; a:hover 指鼠標在鏈接上; a:active 指正在點的鏈接; a:visited 指已經(jīng)訪問過的鏈接。參數(shù)設置: text-decoration是文字修飾效果的意思;none參數(shù)表示超鏈接文字不顯示下劃線;underline參數(shù)表示超鏈接的文字有下劃線;如果是overline則給超鏈接文字加上劃線;換成line-through則是給超鏈接文字加上刪除線;blink則使文字在閃爍。 color:blue,color:red等是給鏈接文字加顏色。 還可以添加其他參數(shù),如: font-weight:bold給鏈接文字加粗;font-size:16pt設置鏈接文字字體大??;background:#ffd306給鏈接文字加背景顏色;font-style:italic鏈接文字傾斜;border-bottom:1px dashed #51bfe0給鏈接文字加虛線,其中1px是虛線的粗細度,數(shù)值越大越粗,dashed表示虛線,#51bfe0是虛線顏色,如果要給鏈接文字加虛線的話,就不用加下劃線了。 例如下面這兩段代碼: style type=text/css a:hover {text-decoration:none;border-bottom:1px dashed red;}/style 其效果是當鼠標放在鏈接上的時候鏈接出現(xiàn)紅色虛下劃線。 style type=text/css a:hover {text-decoration:underline;font-weight:bold;color:red;background:blue;font-style:italic;}/style 其效果就是當鼠標放在鏈接上的時候,鏈接有下劃線,字體加粗,鏈接文字為紅色,背景為藍色,文字傾斜。