[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
リンクに触れると下線、上下線、上線が出る
リンクに触れるとへこむ
リンクに触れると色が変わる
リンクに背景色を付ける
リンクに触れるとカーソルの形状が変わる 等
■リンクの効果を全て消す
<head>から</head>間に記述
タグソース
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
<STYLE TYPE="text/css">
<!--
A:link{text-decoration:none;
}
A:visited{text-decoration:none;
}
A:active{text-decoration:none;
}
-->
</STYLE>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
■リンクに触れると下線が出る
<head>から</head>間に記述
タグソース
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
<STYLE TYPE=text/css>
<!--
A{
text-decoration:none;
}
A:hover{
text-decoration:underline;
}
-->
</STYLE>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
■リンクに触れると上下線が出る
<head>から</head>に記述
タグソース
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
<STYLE TYPE=text/css>
<!--
A{
text-decoration:none;
}
A:hover{
text-decoration:underline overline;
}
-->
</STYLE>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
■リンクに触れると上線が出る
<head>から</head>間に記述
タグソース
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
<STYLE TYPE=text/css>
<!--
A{
text-decoration:none;
}
A:hover{
text-decoration:overline;
}
-->
</STYLE>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
■リンクに触れるとへこむ
<head>から</head>間に記述
top:1px は上から下にへこむ数値を記述
left:1px は左から右にずれる数値を記述
タグソース
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
<style type="text/css">
<!--
A{text-decoration:none;}
A:hover{position:relative ;top:1px ;left:1px ;}
-->
</style>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
■リンクに触れるとリンクの色が変わる
<head>から</head>間に記述
タグソース
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
<STYLE TYPE=text/css>
<!--
A{
text-decoration:none;color:#変更前の色;
}
A:hover{
text-decoration:underline;color:#変更後の色;
}
-->
</STYLE>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
■リンクに背景色をつける
<head>から</head>間に記述
タグソース
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
<STYLE TYPE="text/css">
<!--
A {
text-decoration:none;
background:#付けたい色;
}
A:hover {
text-decoration:none;
background:#リンクに触れたときの色;
}
-->
</STYLE>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
■リンクに触れるとカーソルの形状が変わる
<head>から</head>間に記述
[形状名一覧]
auto
crosshair
default
hand
move
text
wait
help
n-resize
s-resize
w-resize
e-resize
ne-resize
se-resize
nw-resize
sw-resize
タグソース
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
<a href="URLを記述"style="cursor:形状名">
ここに文字を記述
</a>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
- WIIremote mame setting(06/13)
- iPhone4s for docomo(12/03)
- PSGrade for Rockbox(12/11)
- Xperia Android 2.x Update(09/10)
- Android Applications [Panda Home] 設定(04/22)
- SIMPLE SQUARE(四枠)
⇒超人気のスーパーコピーブランド専門ショップ(09/11) - cep 0.2.4
⇒purchase anastrozole(05/24) - cep 0.2.4
⇒generic anastrozole online(05/20) - cep 0.2.4
⇒buy anastrozole thailand(05/18) - cep 0.2.4
⇒Rapport levitra-generic no remedy(05/16)
▽BLOG PET
▽COUNTER
