【網站製作視頻教程】-第20講 css控制文字及鏈接!-傳智播客

 

在<head>和</head>之間加上如下的CSS語法控制:
<style type="text/css"> //也可以直接就寫<style>
<!--
a:link { text-decoration: none} //a:link 指正常的未被訪問過的鏈接
a:active { text-decoration: none } //a:active 指點擊鏈接的瞬間出現的鏈接情況
a:visited { text-decoration: none } //a:visited 指已經訪問過的鏈接
a:hover { text-decoration: none; } //a:hover 指鼠標放上去鏈接出現的情況
-->
</style>

 

二、使粗體文字加上刪除線。

粗體文字使用的代碼是:B { text-decoration: line-through }

使粗體文字中所有的字母大寫。使用代碼: B { text-transform: uppercase }(這個在NS中才顯示出來,IE沒有相應效果顯示)

 

三、產生鏈接變色效果:

經過在對鏈接的幾個屬性進行顏色設置後,可以使具有link,active,visited屬性的鏈接顯示不同的顏色,但是卻不會產生鼠標覆蓋變色效果。


 

四、看一下下面鏈接設置的總體運用情況:
<style type="text/css">
<!--
a:link { text-decoration: none ; color: blue ; font-size: 9pt }
a:active { text-decoration: underline ; color: yellow;font-size: 10pt }
a:visited { text-decoration: none ; color: red;font-size: 10.5pt }
a:hover { text-decoration: underline; color: green ; font-size: 11pt;background:white; }
-->
</style>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章