• <sub id="h4knl"><ol id="h4knl"></ol></sub>
    <sup id="h4knl"></sup>
      <sub id="h4knl"></sub>

      <sub id="h4knl"><ol id="h4knl"><em id="h4knl"></em></ol></sub><s id="h4knl"></s>
      1. <strong id="h4knl"></strong>

      2. html文字超鏈接變色

        時(shí)間:2024-05-31 10:14:38 HTML DOM 我要投稿
        • 相關(guān)推薦

        html文字超鏈接變色

          導(dǎo)語(yǔ):CSS為一些特殊效果準(zhǔn)備了特定的工具,我們稱之為“偽類”。其中有幾項(xiàng)是我們經(jīng)常用到的,下面我們就詳細(xì)介紹一下經(jīng)常用于定義鏈接樣式的四個(gè)偽類 定義鏈接樣式。

          :link

          :visited

          :hover

          :active

          因?yàn)槲覀円x鏈接樣式,所以其中必不可少的就是超級(jí)鏈接中的錨標(biāo)簽--a,錨標(biāo)簽和偽類鏈接起來(lái)書寫的方法就是定義鏈接樣式的基礎(chǔ)方法,它們的寫法如下:

          a:link,定義正常鏈接的樣式;

          a:visited,定義已訪問(wèn)過(guò)鏈接的樣式;

          a:hover,定義鼠標(biāo)懸浮在鏈接上時(shí)的樣式;

          a:active,定義鼠標(biāo)點(diǎn)擊鏈接時(shí)的樣式。

          示例:

          代碼如下:

        1
        2
        3
        4
        5
        6
        7
        8
        9
        10
        11
        12
        13
        14
        15
        16
        a:link {          
        color:#FF0000;          
        text-decoration:underline;          
        }          
        a:visited {          
        color:#00FF00;          
        text-decoration:none;          
        }          
        a:hover {          
        color:#000000;          
        text-decoration:none;          
        }          
        a:active {          
        color:#FFFFFF;          
        text-decoration:none;          
        }          

          上面示例中定義的鏈接顏色是紅色,訪問(wèn)過(guò)后的鏈接是綠色,鼠標(biāo)懸浮在鏈接上時(shí)是黑色,點(diǎn)擊時(shí)的顏色是白色。

          如果正常鏈接和已訪問(wèn)過(guò)的鏈接樣式相同,鼠標(biāo)懸浮和點(diǎn)擊時(shí)的樣式相同,也可以將它們合并起來(lái)定義:

          代碼如下:

        1
        2
        3
        4
        5
        6
        7
        8
        9
        10
        a:link,          
        a:visited {          
        color:#FF0000;          
        text-decoration:underline;          
        }          
        a:hover,          
        a:active {          
        color:#000000;          
        text-decoration:none;          
        }          

          鏈接定義的順序

          沒(méi)有規(guī)矩不成方圓,雖然鏈接定義寫好了,但它也是有規(guī)則的,如果這四項(xiàng)的書寫順序稍有差錯(cuò),鏈接的效果可能就沒(méi)有了,所以每次定義鏈接樣式時(shí)務(wù)必確認(rèn)定義的順序,link--visited--hover-active,也就是我們常說(shuō)到的LoVe HAte原則(大寫字母就是它們的首字母)。

          定義局部鏈接樣式

          在CSS中寫上a:link{}這樣的定義會(huì)使整個(gè)頁(yè)面的鏈接樣式改變,但有些局部鏈接需要特殊化,這個(gè)問(wèn)題也不難解決,只要在鏈接樣式定義的前面加上指定的id或class就可以了。

          示例:

        1
        2
        3
        4
        5
        6
        7
        8
        9
        10
        #sidebar a:link,          
        #sidebar a:visited {          
        color:#FF0000;          
        text-decoration:none;          
        }          
        #sidebar a:hover,          
        #sidebar a:active {          
        color:#000000;          
        text-decoration:underline;          
        }          

          調(diào)用方法:

          class的定義方法和id相同,只要將#sidebar改為.sidebar就行了,還有一種方法是直接定義鏈接的樣式,那樣更直接,不過(guò)調(diào)用時(shí)比較麻煩,需要給每個(gè)特定的鏈接加上定義的代碼。

          示例:

        1
        2
        3
        4
        5
        6
        7
        8
        9
        10
        11
         a.redlink a:link,          
        a.redlink a:visited {          
        color:#FF0000;          
        text-decoration:none;          
        }          
        a.redlink a:hover,          
        a.redlink a:active {          
        color:#000000;          
        text-decoration:underline;          
        background:#FFFFFF;          
        }          

          調(diào)用方法:

          鏈接的定義主要有三個(gè)屬性,顏色(color)、文本修飾(text-decoration)和背景(background)

        《&.doc》
        将本文的Word文档下载到电脑,方便收藏和打印
        推荐度:
        点击下载文档

        【html文字超鏈接變色】相關(guān)文章:

        word清除超鏈接10-24

        HTML的語(yǔ)言剖析10-13

        過(guò)濾HTML代碼08-29

        ppt怎么制作超鏈接10-01

        word設(shè)置超鏈接文件10-19

        HTML5和HTML4有何區(qū)別?08-29

        收集的常用的HTML標(biāo)簽01-22

        HTML語(yǔ)言的網(wǎng)頁(yè)教程06-14

        什么是HTML相關(guān)的介紹08-08

        HTML5的發(fā)展08-15

        国产高潮无套免费视频_久久九九兔免费精品6_99精品热6080YY久久_国产91久久久久久无码
      3. <sub id="h4knl"><ol id="h4knl"></ol></sub>
        <sup id="h4knl"></sup>
          <sub id="h4knl"></sub>

          <sub id="h4knl"><ol id="h4knl"><em id="h4knl"></em></ol></sub><s id="h4knl"></s>
          1. <strong id="h4knl"></strong>

          2. 亚洲欧美日韩中文加勒比 | 制服丝袜99在线不卡 | 一级视频亚洲视频在线观看 | 久热re6在线精品视频 | 中文字幕乱码一区久久麻豆 | 在线观看网站深夜免费A√ 亚洲中文精品久久久久久直播 |

            html文字超鏈接變色

              導(dǎo)語(yǔ):CSS為一些特殊效果準(zhǔn)備了特定的工具,我們稱之為“偽類”。其中有幾項(xiàng)是我們經(jīng)常用到的,下面我們就詳細(xì)介紹一下經(jīng)常用于定義鏈接樣式的四個(gè)偽類 定義鏈接樣式。

              :link

              :visited

              :hover

              :active

              因?yàn)槲覀円x鏈接樣式,所以其中必不可少的就是超級(jí)鏈接中的錨標(biāo)簽--a,錨標(biāo)簽和偽類鏈接起來(lái)書寫的方法就是定義鏈接樣式的基礎(chǔ)方法,它們的寫法如下:

              a:link,定義正常鏈接的樣式;

              a:visited,定義已訪問(wèn)過(guò)鏈接的樣式;

              a:hover,定義鼠標(biāo)懸浮在鏈接上時(shí)的樣式;

              a:active,定義鼠標(biāo)點(diǎn)擊鏈接時(shí)的樣式。

              示例:

              代碼如下:

            1
            2
            3
            4
            5
            6
            7
            8
            9
            10
            11
            12
            13
            14
            15
            16
            a:link {          
            color:#FF0000;          
            text-decoration:underline;          
            }          
            a:visited {          
            color:#00FF00;          
            text-decoration:none;          
            }          
            a:hover {          
            color:#000000;          
            text-decoration:none;          
            }          
            a:active {          
            color:#FFFFFF;          
            text-decoration:none;          
            }          

              上面示例中定義的鏈接顏色是紅色,訪問(wèn)過(guò)后的鏈接是綠色,鼠標(biāo)懸浮在鏈接上時(shí)是黑色,點(diǎn)擊時(shí)的顏色是白色。

              如果正常鏈接和已訪問(wèn)過(guò)的鏈接樣式相同,鼠標(biāo)懸浮和點(diǎn)擊時(shí)的樣式相同,也可以將它們合并起來(lái)定義:

              代碼如下:

            1
            2
            3
            4
            5
            6
            7
            8
            9
            10
            a:link,          
            a:visited {          
            color:#FF0000;          
            text-decoration:underline;          
            }          
            a:hover,          
            a:active {          
            color:#000000;          
            text-decoration:none;          
            }          

              鏈接定義的順序

              沒(méi)有規(guī)矩不成方圓,雖然鏈接定義寫好了,但它也是有規(guī)則的,如果這四項(xiàng)的書寫順序稍有差錯(cuò),鏈接的效果可能就沒(méi)有了,所以每次定義鏈接樣式時(shí)務(wù)必確認(rèn)定義的順序,link--visited--hover-active,也就是我們常說(shuō)到的LoVe HAte原則(大寫字母就是它們的首字母)。

              定義局部鏈接樣式

              在CSS中寫上a:link{}這樣的定義會(huì)使整個(gè)頁(yè)面的鏈接樣式改變,但有些局部鏈接需要特殊化,這個(gè)問(wèn)題也不難解決,只要在鏈接樣式定義的前面加上指定的id或class就可以了。

              示例:

            1
            2
            3
            4
            5
            6
            7
            8
            9
            10
            #sidebar a:link,          
            #sidebar a:visited {          
            color:#FF0000;          
            text-decoration:none;          
            }          
            #sidebar a:hover,          
            #sidebar a:active {          
            color:#000000;          
            text-decoration:underline;          
            }          

              調(diào)用方法:

              class的定義方法和id相同,只要將#sidebar改為.sidebar就行了,還有一種方法是直接定義鏈接的樣式,那樣更直接,不過(guò)調(diào)用時(shí)比較麻煩,需要給每個(gè)特定的鏈接加上定義的代碼。

              示例:

            1
            2
            3
            4
            5
            6
            7
            8
            9
            10
            11
             a.redlink a:link,          
            a.redlink a:visited {          
            color:#FF0000;          
            text-decoration:none;          
            }          
            a.redlink a:hover,          
            a.redlink a:active {          
            color:#000000;          
            text-decoration:underline;          
            background:#FFFFFF;          
            }          

              調(diào)用方法:

              鏈接的定義主要有三個(gè)屬性,顏色(color)、文本修飾(text-decoration)和背景(background)