萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> css改變超級連接的顏色的方法是什麼

css改變超級連接的顏色的方法是什麼

下面我們給大家介紹一下css改變超級連接的顏色的方法吧!希望大家可以在這裡學習!

事情是這樣的, 我用css主要是改變一下我的超級連接的顏色和下劃線的有無。在DW裡定義css的確很方便,裡面的參數他都為你設置好了,只要你點鼠標就行了。正是由於他的簡單,而使他帶來了一個小問題(就我自己認為):

< style type="text/css">

< !--

a:hover { color: #FF3333; text-decoration: underline}

a:link { color: #3333FF; text-decoration: none}

a:visited { color: #3333FF; text-decoration: none}

-->

< /style>

以上就是DW生成的css源碼,這段源碼的意思就是去掉超級連接的下劃線,鼠標移上去的進候改變顏色並添加下劃線,連接後的顏色不變為藍色。我本意也是如此,可是在IE裡浏覽的結果告訴你,不是這樣的。而是有一點點小改變,就是連接了之後,當鼠標再次移上去的時候,本來是有下劃線的,變成沒有了。這是什麼原因呢,一般來說是有的呀!那是為什麼了,接著我從別的網站找了一個和我定義的差不多的css,分析一下他們的css源碼,差不多呀(就顏色不同和多了一些其它參數),其它多的參數很快被我排除,因為那些參數我用不著,就停在顏色上,剛開始我還以為我是色盲呢!但是還是很快就又否定了,我把找到的css放到我的主頁上很正常,並把顏色改成我的顏色,還是很正常。這也不是,那也不是,那為什麼了。為什麼一樣的代碼會有兩種效果?為什麼…

就在我准備上網求助的時候,突然我的眼睛一亮,該不會是這個原因吧!原來那個我找來的代碼和我自己的代碼,只有一點點不同就是---順序不同,因為我想順序不是很重要吧!就沒有注意。接下來就是改了,再一試,哇,成功!唉看來以後定義css只有手寫的或在DW裡定義了再改。真麻煩,我還以為有DW就變簡單呢,沒想到還是要手定代碼。如果那位高手還有好辦法請來信告之!以下是改了的代碼:(是不是不容易注意啊!)

< style type="text/css">

< !--

a:link { color: #3333FF; text-decoration: none}

a:visited { color: #3333FF; text-decoration: none}

a:hover { color: #FF3333; text-decoration: underline}

-->

< /style>

css改變超級連接的顏色的方法的精彩內容就先到這裡。更多精彩內容,還請大家持續關注精品。

相關推薦:

CSS中調用網絡字體的方法 

copyright © 萬盛學電腦網 all rights reserved