欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

HTML基礎(chǔ)知識(shí)——設(shè)置超鏈接的樣式簡(jiǎn)單實(shí)例

  發(fā)布時(shí)間：2016-07-11 11:01:02   作者：佚名   我要評(píng)論
下面小編就為大家?guī)?lái)一篇HTML基礎(chǔ)知識(shí)——設(shè)置超鏈接的樣式簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

***設(shè)置超鏈接的樣式示例 

a:link 超鏈接被點(diǎn)前狀態(tài)

a:visited 超鏈接點(diǎn)擊后狀態(tài)

a:hover 懸停在超鏈接時(shí)

a:active 點(diǎn)擊超鏈接時(shí)

在定義這些狀態(tài)時(shí)，有一個(gè)順序l v h a

代碼區(qū)：

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  5. <title>無(wú)標(biāo)題文檔</title>  
  6. <style type="text/css">  
  7. a:link   
  8. {   
  9.     color:#000;   
  10.     text-decoration:none;}   
  11. a:visited   
  12. {   
  13.     color:#000;   
  14.     text-decoration:none;}   
  15. a:hover   
  16. {   
  17.     color:#F00;   
  18.     text-decoration:underline;}   
  19. a:active   
  20. {   
  21.     color:#F90;   
  22.     text-decoration:underline;}   
  23. </style>  
  24. <link href="Untitled-1.css" rel="stylesheet" type="text/css" />  
  25. </head>  
  26.   
  27. <body>  
  28. <a href="http://www.baidu.com/">百度一下</a>  
  29. </body>  
  30. </html>  

運(yùn)行顯示：鼠標(biāo)箭頭未放到“百度一下”，其顯示黑色——放上時(shí)，其顯示紅色——點(diǎn)擊“百度一下”鏈接時(shí)，其顯示橙色——點(diǎn)擊后，其顯示黑色

以上這篇HTML基礎(chǔ)知識(shí)——設(shè)置超鏈接的樣式簡(jiǎn)單實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

原文地址：http://www.cnblogs.com/H2921306656/archive/2016/07/10/5658752.html

相關(guān)文章

  • html/css基礎(chǔ)篇——html代碼編寫過(guò)程中的幾個(gè)警惕點(diǎn)(必看)

    下面小編就為大家?guī)?lái)一篇html/css基礎(chǔ)篇——html代碼編寫過(guò)程中的幾個(gè)警惕點(diǎn)(必看)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-07-27

  • html、css基礎(chǔ)注意點(diǎn)(前端必看篇)

    下面小編就為大家?guī)?lái)一篇html、css基礎(chǔ)注意點(diǎn)(前端必看篇)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-07-27

  • HTML CSS樣式基礎(chǔ)(必看篇)

    下面小編就為大家?guī)?lái)一篇HTML CSS樣式基礎(chǔ)(必看篇)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-07-23

  • HTML基礎(chǔ)總結(jié)推薦(段落)

    下面小編就為大家?guī)?lái)一篇HTML基礎(chǔ)總結(jié)推薦(段落)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-07-13

  • HTML基礎(chǔ)知識(shí)——css樣式表,樣式屬性,格式與布局詳解

    下面小編就為大家?guī)?lái)一篇HTML基礎(chǔ)知識(shí)——css樣式表,樣式屬性,格式與布局詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-07-11

  • HTML基礎(chǔ)必看——全面了解css樣式表

    下面小編就為大家?guī)?lái)一篇HTML基礎(chǔ)必看——全面了解css樣式表。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-07-11

  • HTML基礎(chǔ)必看---表單,圖片熱點(diǎn),網(wǎng)頁(yè)劃區(qū)和拼接詳解

    下面小編就為大家?guī)?lái)一篇HTML基礎(chǔ)必看---表單,圖片熱點(diǎn),網(wǎng)頁(yè)劃區(qū)和拼接詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-07-10

  • HTML基礎(chǔ)重點(diǎn)_一般標(biāo)簽、常用標(biāo)簽和表格

    下面小編就為大家?guī)?lái)一篇HTML基礎(chǔ)重點(diǎn)_一般標(biāo)簽、常用標(biāo)簽和表格。小編覺(jué)得挺不錯(cuò)的， 現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-07-09

  • 淺談HTML（css基礎(chǔ)樣式）

    下面小編就為大家?guī)?lái)一篇淺談HTML（css基礎(chǔ)樣式）。小編覺(jué)得挺不錯(cuò)的， 現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-06-27

  • 前端開(kāi)發(fā)每天必學(xué)之HTML入門介紹

    這篇文章主要介紹了前端開(kāi)發(fā)每天必學(xué)之HTML入門基礎(chǔ)知識(shí)，介紹了學(xué)習(xí)web前端開(kāi)發(fā)需要掌握的基礎(chǔ)技術(shù)，感興趣的小伙伴們可以參考一下
    2016-06-21

最新評(píng)論