ホームページ作成講座では、これからホームページを作成しようとしている人に、ホームページの作成方法を基本から、
HTML、スタイルシート、
アクセスアップ、アフィリエイトまで解説します。「初心者のかたにも分かる」を目標にしています。 このページがあなたのお役に立てれば幸いです。
アクセスアップ、アフィリエイトまで解説します。「初心者のかたにも分かる」を目標にしています。 このページがあなたのお役に立てれば幸いです。
|
ホームページ作成の後
その他
ホームページ作成(気楽版)
アフィリエイト(詳細版) 管理人コラム レンタルサーバー比較初心者 メルマガバックナンバー 無料レポート、無料冊子 顔文字無料辞書 ホームページ(サイト)マップ 検索エンジンWorldSearch 運営者情報
リンク集
特定のリンクだけアンダーライン(下線)を表示するプロパティtext-decoration: 値underline スタイルシートで特定のリンクだけにアンダーラインを表示するにはtext-decoration:プロパティを使います。 値にはunderlineを指定します。 セレクタを指定するときに a.line のようにすれば aタグでlineというクラス名がついている箇所だけにスタイルが適用できるのを覚えていますか？ 今回はそれを使います。 ソース例 <html> <head> <title>ホームページ作成・サンプル２</title> <style type="text/css"> a { text-decoration:none; color:red; } a.line { text-decoration:underline; color:green; } </style> </head> <body> <a href="../specific.html">戻る</a> <br><br> <a href="../../../index.html">ホームページ作成・HTML</a> <br><br> ページ全体で見るとリンクのアンダーラインがなくなり色が赤になりました。 <br><br> <a href="../../index.html" class="line">スタイルシート書き方講座</a> <br><br> ここのリンクだけアンダーラインがあり、緑色になっています。 </body> </html> 表示例はこちら ＜＜ 「リンクの文字のアンダーラインをなくす」へ 「マウスがリンクの上に乗ったらアンダーラインを表示する」へ ＞＞ ホームページ作成とHTML＞＞スタイルシートの書き方講座＞＞特定のリンクだけアンダーラインを表示する |
Hiroto.A