天天看點

css連接配接的樣式!

前些天同僚問我怎麼用css設定超連結的樣式,在我看來有三種方法供參考:

一、在dreamweaver軟體中選擇:修改>頁面屬性(ctal+j)>連結,設定連結樣式字型,大小,這些都比較全面,但是有一點你運用這個樣式是定義的整個頁面的樣式,如果想在同一頁面中顯示不同的連結屬性,這種方法就顯得笨拙了,以下兩種方法就人性化一點;

二、在css樣式中設定類屬性,接觸過前面一種方法的都知道在設定第一種方法後,會出現a:link(未被通路的樣式);a:visited(連結通路過後的樣式);a:hover(滑鼠懸停時的樣式);a:active(滑鼠點選與釋放後的樣式)的标簽屬性,一般情況下a:active是不需要設定的.我們可以為我們将要設定的連結定義一個類(如:)然後再來設定這個類的樣式如下

.aa a:link{} .aa a:visited{} .aa a:hover{}

在括号中是你将要設定的屬性;這樣就可以在你的連結中出現你所定義的樣式了;

三、這個第三種其實和第二種是差不多的,隻不是要定義一個id(如:)在設定時略有不同,要将.點換成#号;

#aa a:link{} #aa a:visited{} #aa a:hover{}

想要設定就這麼簡單,呵呵,第一次寫也算是教程吧,不足之處還請包涵。