<address id="xpjh9"><listing id="xpjh9"><meter id="xpjh9"></meter></listing></address>

<address id="xpjh9"><address id="xpjh9"><listing id="xpjh9"></listing></address></address>
<noframes id="xpjh9">
<noframes id="xpjh9">

<address id="xpjh9"><address id="xpjh9"><listing id="xpjh9"></listing></address></address>
    <form id="xpjh9"></form><address id="xpjh9"><listing id="xpjh9"><menuitem id="xpjh9"></menuitem></listing></address>

      <noframes id="xpjh9">
      VB.net 2010 視頻教程 VB.net 2010 視頻教程 VB.net 2010 視頻教程
      SQL Server 2008 視頻教程 c#入門經典教程 Visual Basic從門到精通視頻教程
      當前位置:
      首頁 > 網站開發 > HTML >
      • css教程之鏈接

      • 2015-01-23 09:43 來源:未知
      鏈接(相關css教程
        在過去,CSS3 標準的開發人員認為將未單擊的鏈接、已訪問的鏈接、有效鏈接和鼠標所在的鏈接區分開是明智之舉。在 (X)HTML 中,它們全部具有相同的標記(也就是 <a> 標記),但具有不同的瀏覽器狀態。幸運的是,許多設計人員忽略了這些區別,他們常常向一般鏈接或鼠標所在的鏈接提供樣式。
        一項幾乎必要的任務是向一般鏈接應用一種特定的樣式(進而設置它,無論它是未被單擊的、被訪問的、有效的還是其他類型的鏈接)。清單 2 提供了這樣一個應用程序的一個示例。
        清單 2. 鏈接修飾的 CSS 示例  
      a, a:link, a:active, a:visited {
        color: #000000;
        text-decoration: none;
        font-weight: bold;
        background-color: #EEEEEE;
      }
      a:hover {
        text-decoration: underline;
        background-color: #FFFFAA;
      }
         此標記設置一個一般鏈接,將字體顏色設置為黑色,取消默認的下劃線,將字體加粗,以及還將背景顏色設置為白色。在懸停狀態下,它重新應用下劃線并創建一種黃色的新背景顏色來突出顯示。當在瀏覽器中測試此標記時,您將會注意到在鼠標懸停自鏈接上時,背景從淺灰色更改為黃色,當鼠標移開時,從黃色變回淺灰色。前面已經看到,還可以向 a:hover 應用文本陰影。
        當開發人員建立 CSS3 的概念時,他們撇開了任何與 <a> 標記相關的特定樣式,將更多精力放在泛型上。因此,本文不會介紹所謂的 transform:rotate,舉例而言可將它用于導航中的 <li> 標記。相反,結合本文已經介紹的內容,可以得到類似于清單 3 的樣式。
        清單 3. 使用一些 CSS3 屬性增強的 CSS 導航示例  
      a, a:link, a:active, a:visited {
        color: #000000;
        text-decoration: none;
        font-weight: bold;
        background-color: #EEEEEE;
      }
      li {
        text-align: center;
        list-style-type: none;
        width: 50px;
        padding: 10px;
        margin: 10px;
        background-color:#EEEEEE;
        border: 1px solid #000000;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        -moz-transform:rotate(-20deg);
        -webkit-transform:rotate(-20deg);
        transform:rotate(-20deg);
      }
      li:hover {
        text-decoration: underline;
        background-color: #FFFFAA;

      相關教程
      江苏快3 临汾 | 平潭 | 宁国 | 三明 | 阿拉尔 | 商丘 | 贺州 | 达州 | 许昌 | 黑河 | 大连 | 靖江 | 怀化 | 灵宝 | 包头 | 澄迈 | 博尔塔拉 | 石狮 | 聊城 | 宁国 | 恩施 | 河池 | 抚州 | 咸阳 | 锦州 | 玉溪 | 惠州 | 黑龙江哈尔滨 | 滁州 | 改则 | 沛县 | 嘉兴 | 武威 | 本溪 | 西双版纳 | 长葛 | 崇左 | 泰安 | 呼伦贝尔 | 百色 | 张掖 | 潍坊 | 果洛 | 黔南 | 铜陵 | 昌吉 | 灌云 | 衡阳 | 单县 | 阳江 | 石嘴山 | 泰安 | 滁州 | 桐乡 | 阿拉尔 | 荣成 | 济宁 | 阜新 | 黔南 | 吐鲁番 | 阜阳 | 永新 | 赤峰 | 晋中 | 天长 | 钦州 | 枣阳 | 漯河 | 赵县 | 武威 | 伊犁 | 白城 | 阿拉善盟 | 珠海 | 曲靖 | 定西 | 乌海 | 文昌 | 萍乡 | 晋城 | 灵宝 | 嘉峪关 | 乐清 | 宁国 | 昭通 | 公主岭 | 临汾 | 威海 | 大丰 | 乌兰察布 | 新余 | 阿拉善盟 | 果洛 | 泰州 | 鄂尔多斯 | 神木 | 文山 | 晋江 | 桂林 | 石狮 | 莱州 | 苍南 | 张家口 | 乌海 | 绵阳 | 黔南 | 保定 | 驻马店 | 海拉尔 | 济南 | 三亚 | 招远 | 连云港 |