建站知識(shí)
網(wǎng)站設(shè)計(jì)知識(shí) 網(wǎng)站建設(shè)知識(shí) 網(wǎng)絡(luò)營(yíng)銷知識(shí) 微信資訊 常見問題 網(wǎng)站備案 近期客戶網(wǎng)站建設(shè)套餐
標(biāo)準(zhǔn)型網(wǎng)站建設(shè) 精美型網(wǎng)站建設(shè) 營(yíng)銷型網(wǎng)站建設(shè) 高端品牌網(wǎng)站建設(shè) 電子商務(wù)型網(wǎng)站建設(shè) 行業(yè)門戶型網(wǎng)站建設(shè) 手機(jī)網(wǎng)站建設(shè) 微信網(wǎng)站建設(shè)如何去掉網(wǎng)頁設(shè)計(jì)中超鏈接的下劃線
來源:征帆網(wǎng)絡(luò) 作者:ymars 日期:2012-10-22
我們可以用CSS語法來控制超鏈接的形式、顏色變化。
下面我們做一個(gè)這樣的鏈接:未被點(diǎn)擊時(shí)超鏈接文字無下劃線,顯示為藍(lán)色;當(dāng)鼠標(biāo)在鏈接上時(shí)有下劃線,鏈接文字顯示為紅色;當(dāng)點(diǎn)擊鏈接后,鏈接無下劃
線,顯示為綠色。
實(shí)現(xiàn)方法很簡(jiǎn)單,在源代碼的和之間加上如下的CSS語法控制:
<style type="text/css">
<!--
a:link { text-decoration: none;color: blue}
a:active { text-decoration:blink}
a:hover { text-decoration:underline;color: red}
a:visited { text-decoration: none;color: green}
-->
</style>
其中:
a:link 指正常的未被訪問過的鏈接;
a:active 指正在點(diǎn)的鏈接;
a:hover 指鼠標(biāo)在鏈接上;
a:visited 指已經(jīng)訪問過的鏈接;
text-decoration是文字修飾效果的意思;
none參數(shù)表示超鏈接文字不顯示下劃線;
underline參數(shù)表示超鏈接的文字有下劃線
同樣,如果講none替換成overline則給超鏈接文字加上劃線,換成line-through給超鏈接文字加上刪除線,blink則使文字在閃爍。
相關(guān)文章列表
- 哪些問題會(huì)使網(wǎng)頁設(shè)計(jì)效果大打折扣
- 網(wǎng)頁設(shè)計(jì)需要必備哪些知識(shí)
- 如何從優(yōu)化的角度來做網(wǎng)頁設(shè)計(jì)
- 網(wǎng)頁設(shè)計(jì)中對(duì)于圖像格式的選用技巧
- 網(wǎng)頁設(shè)計(jì)如何做到與企業(yè)形象一致
- CSS網(wǎng)頁設(shè)計(jì)中常遇到的問題
- 2012優(yōu)秀網(wǎng)頁設(shè)計(jì)手法鑒賞
- 一個(gè)優(yōu)秀的網(wǎng)頁設(shè)計(jì)師是怎樣練就的
- 網(wǎng)頁設(shè)計(jì)師如何搭配好網(wǎng)頁顏色
- 在網(wǎng)頁設(shè)計(jì)中如何嵌入字體