<u id="g9yg5"></u>

<video id="g9yg5"></video>

<source id="g9yg5"></source>
<b id="g9yg5"><acronym id="g9yg5"><bdo id="g9yg5"></bdo></acronym></b>

    1. <source id="g9yg5"><track id="g9yg5"><ins id="g9yg5"></ins></track></source>

      如何理解CSS控制鏈接顯示狀態的CSS偽類(css,web開發)

      時間:2024-04-23 05:32:10 作者 : 石家莊SEO 分類 : web開發
      • TAG :

        %E5%A6%82%E4%BD%95%E7%90%86%E8%A7%A3CSS%E6%8E%A7%E5%88%B6%E9%93%BE%E6%8E%A5%E6%98%BE%E7%A4%BA%E7%8A%B6%E6%80%81%E7%9A%84CSS%E4%BC%AA%E7%B1%BB

      CSS控制元素的某種狀態---偽類(用于向某些選擇器添加特殊的效果)
      偽類的語法:元素標簽 偽類名稱{屬性:屬性值;}
      a:link:未訪問的鏈接
      a:hover:鼠標移動到鏈接上
      a:active:鼠標按下鏈接
      a:visited:已訪問的鏈接

      如果在點擊過后再返回到該頁面還有一些效果的話 就按照該順序給鏈接添加狀態 L V H A

      自定義鏈接的CSS類:
      a.類名稱:狀態(即選擇符.類名稱:偽類名稱{屬性:屬性值})

      代碼如下:


      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>CSS控制鏈接&mdash;CSS偽類</title>
      <style type="text/css">
      a:link{text-decoration:none; color:#000;}
      a:visited{text-decoration:none; color:#6F0;}
      a:hover{text-decoration:underline; color:#00F;}
      a:active{text-decoration:overline; color:#F00;}
      a.web:visited{text-decoration:none; color:#000;}
      </style>
      </head>
      <body>
      <div id="link">
      <a href="http://www.baidu.com" class="web">網頁設計</a> |
      <a href="http://www.baidu.com">平面設計</a> |
      <a href="http://www.baidu.com">網站前端</a> |
      <a href="http://www.baidu.com">動畫設計</a> |
      <a href="http://www.baidu.com">軟件開發</a> |
      <a href="http://www.baidu.com">網頁營銷</a>
      <a href="http://www.baidu.com">我會閃</a>
      </div>
      </body>
      </html>


      :focus{屬性:屬性值}設置對象在成為輸入焦點時的樣式(IE6/7不支持)

      代碼如下:


      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>CSS控制鏈接&mdash;CSS偽類</title>
      <style type="text/css">
      input{
      width:200px;
      height:25px;
      border:2px solid #FF0;
      }
      input:focus{
      background:#9FF;
      }
      </style>
      </head>
      <body>
      <label>用戶名: <input type="text" name="username"/></label>
      <label>密 碼: <input type="text" name="pwd"/></label>
      </body>
      </html>

      本文:如何理解CSS控制鏈接顯示狀態的CSS偽類的詳細內容,希望對您有所幫助,信息來源于網絡。
      上一篇:常用技巧margin負外邊距的使用方法下一篇:

      6 人圍觀 / 0 條評論 ↓快速評論↓

      (必須)

      (必須,保密)

      阿貍1 阿貍2 阿貍3 阿貍4 阿貍5 阿貍6 阿貍7 阿貍8 阿貍9 阿貍10 阿貍11 阿貍12 阿貍13 阿貍14 阿貍15 阿貍16 阿貍17 阿貍18
      中文字幕第63久久_欧美乱人伦视频中文字幕_337p大胆精品_午夜亚洲福利在线老司机

      <u id="g9yg5"></u>

      <video id="g9yg5"></video>

      <source id="g9yg5"></source>
      <b id="g9yg5"><acronym id="g9yg5"><bdo id="g9yg5"></bdo></acronym></b>

      1. <source id="g9yg5"><track id="g9yg5"><ins id="g9yg5"></ins></track></source>