ホームページ  >  記事  >  ウェブフロントエンド  >  CSSの基本スタイルリンクの詳細な紹介

CSSの基本スタイルリンクの詳細な紹介

高洛峰
高洛峰オリジナル
2017-03-26 11:32:421757ブラウズ

この記事では主に CSS の基本的なスタイルのリンクを詳しく紹介します。興味のある方は参考にしてください

1.Css リンクの 4 つの状態

1.a:link 通常の、未訪問のリンク

2. .a:visited ユーザーが訪問したリンク

3.a:hover マウスポインターがリンクの上にある 4.a:active リンクがクリックされた瞬間

a:link{
    color: #FF0000;
}
a:visited{
    color: #00FF00;
}
a:hover{
    color:#0000FF;
}
a:active{
    color: #0000FF;
}

2. 共通リンクメソッド

text-decoration 属性主にリンク内の下線を削除するために使用されます

a:link{
    color: #FF0000;
    text-decoration: none;
}

3. 背景色を設定します

background-color

a:link{
    background-color: aquamarine;
}

以上がCSSの基本スタイルリンクの詳細な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。