如何用CSS控制超鏈接樣式呢

我們為大家收集整理了關於如何用CSS控制超鏈接樣式，以方便大家參考。網站制作用CSS可控制超鏈接樣式，一般分為四個部分：a:active是超級鏈接的初始狀態;a:hover是把鼠標放上去時的狀況;a:link 是鼠標點擊時;a:visited是訪問過後的情況。

CSS控制超鏈接的三種方法

1、通過對應超鏈接外的父級的css類的css樣式來控制超鏈接的樣式

對應CSS代碼

.yangshi a{color:#333;text-decoration:none; }

.yangshi a:hover {color:#CC3300;text-decoration:underline;}

2、通過鏈接內設置類控制超鏈接樣式css方法

對應CSS代碼

a.yangshi{color:#333;text-decoration:none; }

a.yangshi:hover {color:#CC3300;text-decoration:underline;}

通過這樣的設置可以控制鏈接內的css類名為“yangshi”超鏈接的樣式

3、通常對全站超鏈接樣式化方法

a{color:#333;text-decoration:none; } //對全站有鏈接的文字顏色樣式為color:#333;並立即無下劃線text-decoration:none;

希望大家可以學會如何用CSS控制超鏈接樣式.想了解更多精彩內容，請關注我們的網站!

相關推薦：

css背景圖片拉伸填充的屬性介紹