MAJIDEKA.COM－リンクテキスト

　リンクテキストの色を一度に変更するには、<body>タグにlink属性、vlink属性、alink属性を指定します。
　色の指定は#XXXXXXまたは色の名前を記入してください。
　linkでリンクテキストのデフォルトの色を、vlinkで訪問済みのリンクテキストの色を、alinkでクリック中のリンクテキストの色を指定します。
　例えば、テキストエディタに下記のような記述をしてから、ブラウザで確認してください。
　　<body link="#ff0000" vlink="#008000" alink="#800000">
　ブラウザにはこのように表示されます。

・スタイルシートを使用してリンクテキストの色を一度に変更する方法

リンクテキストの色を一度に変更するには、スタイルシートを使用します。
　色の指定は#XXXXXXまたは色の名前を記入してください。
　linkでリンクテキストのデフォルトの色を、visitedで訪問済みのリンクテキストの色を、activeでクリック中のリンクテキストの色を指定します。
　例えば、テキストエディタに下記のような記述を<head>～</head>の間にしてから、ブラウザで確認してください。
　　<style type="text/css">  </style>
　ブラウザにはこのように表示されます。

リンクテキストの色を個別に変更するには

・<a>タグにstyle属性にcolorを指定する方法(<a href="～" style="color=#XXXXXX"～</a>)

　リンクテキストの色を個別に変更するには、<a>タグにstyle属性にcolorを指定します。
　色の指定は#XXXXXXまたは色の名前を記入してください。
　例えば、テキストエディタに下記のような記述を<head>～</head>の間にしてから、ブラウザで確認してください。
　　<a href="http://majideka.web.fc2.com/index.html" style="color=#ff0000"> トップページへジャンプ</a><br><br> <a href="http://majideka.web.fc2.com/course.html" style="color=#008000"> HTML作成講座ページへジャンプ</a><br><br> <a href="http://majideka.web.fc2.com/link.html" style="color=#ff00ff"> リンクページへジャンプ</a>
　ブラウザにはこのように表示されます。

▲ページトップへ

マウスをリンクテキストに乗せたときにリンクテキストの色を変更するには

・スタイルシートを使用してマウスをリンクテキストに乗せたときにリンクテキストの色を変更する方法

マウスをリンクテキストに乗せたときにリンクテキストの色を変更するには、スタイルシートを使用します。
　色の指定は#XXXXXXまたは色の名前を記入してください。
　例えば、テキストエディタに下記のような記述を<head>～</head>の間にしてから、ブラウザで確認してください。
　　<style type="text/css">  </style>
　ブラウザにはこのように表示されます。

マウスをリンクテキストに乗せたときにリンクテキストの背景画像を表示するには

・スタイルシートを使用してマウスをリンクテキストに乗せたときにリンクテキストの背景画像を表示する方法

マウスをリンクテキストに乗せたときにリンクテキストの背景画像を表示するには、スタイルシートを使用します。
　url(xxx.gif)の()内には画像のURLを記入してください。
　例えば、テキストエディタに下記のような記述を<head>～</head>の間にしてから、ブラウザで確認してください。
　　<style type="text/css">  </style>
　ブラウザにはこのように表示されます。

マウスをリンクテキストに乗せたときにリンクテキストの背景色を表示するには

・スタイルシートを使用してマウスをリンクテキストに乗せたときにリンクテキストの背景色を表示する方法

マウスをリンクテキストに乗せたときにリンクテキストの背景色を表示するには、スタイルシートを使用します。
　色の指定は#XXXXXXまたは色の名前を記入してください。
　例えば、テキストエディタに下記のような記述を<head>～</head>の間にしてから、ブラウザで確認してください。
　　<style type="text/css">  </style>
　ブラウザにはこのように表示されます。

▲ページトップへ

リンクテキストの下線を非表示にするには

・スタイルシートを使用してリンクテキストの下線を非表示にする方法

リンクテキストの下線を非表示にするには、スタイルシートを使用します。
　例えば、テキストエディタに下記のような記述を<head>～</head>の間にしてから、ブラウザで確認してください。
　　<style type="text/css">  </style>
　ブラウザにはこのように表示されます。

マウスをリンクテキストに乗せたときに下線を表示するには

・スタイルシートを使用してマウスをリンクテキストに乗せたときに下線を表示する方法

マウスをリンクテキストに乗せたときに下線を表示するには、スタイルシートを使用します。
　例えば、テキストエディタに下記のような記述を<head>～</head>の間にしてから、ブラウザで確認してください。
　　<style type="text/css">  </style>
　ブラウザにはこのように表示されます。

マウスをリンクテキストに乗せたときに上線を表示するには

・スタイルシートを使用してマウスをリンクテキストに乗せたときに上線を表示する方法

マウスをリンクテキストに乗せたときに上線を表示するには、スタイルシートを使用します。
　例えば、テキストエディタに下記のような記述を<head>～</head>の間にしてから、ブラウザで確認してください。
　　<style type="text/css">  </style>
　ブラウザにはこのように表示されます。

▲ページトップへ

マウスをリンクテキストに乗せたときに上下線を表示するには

・スタイルシートを使用してマウスをリンクテキストに乗せたときに上下線を表示する方法

マウスをリンクテキストに乗せたときに上下線を表示するには、スタイルシートを使用します。
　例えば、テキストエディタに下記のような記述を<head>～</head>の間にしてから、ブラウザで確認してください。
　　<style type="text/css">  </style>
　ブラウザにはこのように表示されます。

マウスをリンクテキストに乗せたときに取り消し線を表示するには

・スタイルシートを使用してマウスをリンクテキストに乗せたときに取り消し線を表示する方法

マウスをリンクテキストに乗せたときに取り消し線を表示するには、スタイルシートを使用します。
　例えば、テキストエディタに下記のような記述を<head>～</head>の間にしてから、ブラウザで確認してください。
　　<style type="text/css">  </style>
　ブラウザにはこのように表示されます。

マウスをリンクテキストに乗せたときに枠で囲むには

・スタイルシートを使用してマウスをリンクテキストに乗せたときに枠で囲む方法

マウスをリンクテキストに乗せたときに枠で囲むには、スタイルシートを使用します。
　例えば、テキストエディタに下記のような記述を<head>～</head>の間にしてから、ブラウザで確認してください。
　　<style type="text/css">  </style>
　ブラウザにはこのように表示されます。

▲ページトップへ

マウスをリンクテキストに乗せたときに点線の枠で囲むには

・スタイルシートを使用してマウスをリンクテキストに乗せたときに点線の枠で囲む方法

マウスをリンクテキストに乗せたときに点線の枠で囲むには、スタイルシートを使用します。
　例えば、テキストエディタに下記のような記述を<head>～</head>の間にしてから、ブラウザで確認してください。
　　<style type="text/css">  </style>
　ブラウザにはこのように表示されます。

マウスをリンクテキストに乗せたときに下線を非表示するには

・スタイルシートを使用してマウスをリンクテキストに乗せたときに下線を非表示する方法

マウスをリンクテキストに乗せたときに下線を非表示するには、スタイルシートを使用します。
　例えば、テキストエディタに下記のような記述を<head>～</head>の間にしてから、ブラウザで確認してください。
　　<style type="text/css">  </style>
　ブラウザにはこのように表示されます。

マウスをリンクテキストや画像リンクボタンに乗せたときにずらすには

・スタイルシートを使用してマウスをリンクテキストや画像リンクボタンに乗せたときにずらす方法

マウスをリンクテキストや画像リンクボタンに乗せたときにずらすには、スタイルシートを使用します。
　例えば、テキストエディタに下記のような記述を<head>～</head>の間にしてから、ブラウザで確認してください。
　　<style type="text/css">  </style>
　ブラウザにはこのように表示されます。

▲ページトップへ

マウスをリンクテキストに乗せたときのカーソルの形状を変更するには

・<a>タグにstyle属性を指定する方法(<a href="～" style="cursor: xxx;">)

　マウスをリンクテキストに乗せたときのカーソルの形状を変更するには、<a>タグにstyle属性を指定します。
　カーソルの形状はInternet ExplorerとNetscapeでは表示が異なるものもあります。
　例えば、テキストエディタに下記のような記述をしてから、ブラウザで確認してください。
　　<a href="http://majideka.web.fc2.com/" style="cursor: auto"> MAJIDEKA.COMへジャンプ</a><br><br> <a href="http://majideka.web.fc2.com/" style="cursor: default"> MAJIDEKA.COMへジャンプ</a><br><br> <a href="http://majideka.web.fc2.com/" style="cursor: crosshair"> MAJIDEKA.COMへジャンプ</a><br><br> <a href="http://majideka.web.fc2.com/" style="cursor: pointer"> MAJIDEKA.COMへジャンプ</a><br><br> <a href="http://majideka.web.fc2.com/" style="cursor: move"> MAJIDEKA.COMへジャンプ</a><br><br> <a href="http://majideka.web.fc2.com/" style="cursor: n-resize"> MAJIDEKA.COMへジャンプ</a><br><br> <a href="http://majideka.web.fc2.com/" style="cursor: ne-resize"> MAJIDEKA.COMへジャンプ</a><br><br> <a href="http://majideka.web.fc2.com/" style="cursor: e-resize"> MAJIDEKA.COMへジャンプ</a><br><br> <a href="http://majideka.web.fc2.com/" style="cursor: se-resize"> MAJIDEKA.COMへジャンプ</a><br><br> <a href="http://majideka.web.fc2.com/" style="cursor: s-resize"> MAJIDEKA.COMへジャンプ</a><br><br> <a href="http://majideka.web.fc2.com/" style="cursor: sw-resize"> MAJIDEKA.COMへジャンプ</a><br><br> <a href="http://majideka.web.fc2.com/" style="cursor: w-resize"> MAJIDEKA.COMへジャンプ</a><br><br> <a href="http://majideka.web.fc2.com/" style="cursor: nw-resize"> MAJIDEKA.COMへジャンプ</a><br><br> <a href="http://majideka.web.fc2.com/" style="cursor: text"> MAJIDEKA.COMへジャンプ</a><br><br> <a href="http://majideka.web.fc2.com/" style="cursor: wait"> MAJIDEKA.COMへジャンプ</a><br><br> <a href="http://majideka.web.fc2.com/" style="cursor: help"> MAJIDEKA.COMへジャンプ</a>
　ブラウザにはこのように表示されます。

リンクテキストの見た目をリンクボタンのようにするには

・<font>タグにstyle属性を指定する方法

リンクテキストの見た目をリンクボタンのようにするには、<font>タグにstyle属性を指定します。
　例えば、テキストエディタに下記のような記述をしてから、ブラウザで確認してください。
　　<html> <head> <title>疑似リンクボタン</title> <style type="text/css">  </style> </head> <body> <a href="http://majideka.web.fc2.com/"> <font style="background: #c0c0c0; color: #000000; border: outset; cursor: hand;"> MAJIDEKA.COM </font> </a> </body> </html>
　ブラウザにはこのように表示されます。

▲ページトップへ

Copyright (c) 2006～ MAJIDEKA.COM. All Rights Reserved.