HTML　リンクの下線を消す　-　やさしいホームページの作り方

HTML　リンクの下線を消す

デフォルトでは、リンクは、青文字で、下線がつきます

青文字で下線がついてれば、リンクだなということが一目瞭然、リンクであることが分かり易いのは良い点ですが、文字列、文章の見易さ、ページデザインの点あらは、あまり見易いものとはいえません

ここでは、そんなリンク下線を消すための設定方法の説明をします

（本サイトでは、基本、リンクの下線は消してあり、カーソルが来た時だけ表示するようにしています）

＜ページ単位で消す＞

そのページのリンクには下線が表示されません　（もちろん、その後で個別に、文字装飾で下線を付けることはできます）

ヘッダー部に、下記赤文字の部分を追加記入する

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">

</style>
<meta name="Keywords" content="アフィリエイト,ASP,一覧">
<meta name="Description" content="アフィリエイト（ASP）一覧">
<title>ASP一覧</title>
</head>

＜リンク毎個別に消す＞

リンクの後ろに、赤文字の部分を追加記入する

<a href="https://px.a8.net/svt/ejp?a8mat=2BJRCH+F5D2WI+0K+ZSD6A" style="text-decoration:none;" target="_blank"><b><font size="+1" color="#ff0000">A8.net</font></b></a> <img border="0" width="1" height="1" src="https://www17.a8.net/0.gif?a8mat=2BJRCH+F5D2WI+0K+ZSD6A" alt="">

マウスカーソルが来た時だけ、リンクに下線を引く

マウスカーソルが来た時だけ、下線を付けることも可能です
ヘッダー部に、下記赤文字の部分を追加記入する

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">

</style>
<meta name="Keywords" content="アフィリエイト,ASP,一覧">
<meta name="Description" content="アフィリエイト（ASP）一覧">
<title>ASP一覧</title>
</head>


目次　｜　元のページ	前のページ　｜　次のページ	サイトマップ　｜　ページTOP

HTML リンクの下線を消す