HPB19 | HPB18 コンテンツ一覧
ホーム > HPB19 > HTML リンクの下線を消す
目次 | 元のページ 前のページ | 次のページ サイトマップ | ページEND

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">
<!--
a{
text-decoration:none;
}
-->
</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">
<!--
a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
-->
</style>

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

目次 | 元のページ 前のページ | 次のページ サイトマップ | ページTOP
ホーム > HPB19 > HTML リンクの下線を消す
   

© 2014 abhp.net All Rights Reserved.
ページTOP
ページTOP
ページTOP
ページTOP
ページTOP
ページTOP