| 属性 | 意味 |
|---|---|
| link | 通常のリンク |
| vlink | 訪問済みのリンク |
| alink | 訪問しようとしているリンク リンクをクリックしてから実際にページを読み込み、表示されるまでの一瞬、この属性で指定した色に変更される。 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS">
<link href="normal.css" rel="stylesheet" type="text/css">
<title></title>
</head>
<body bgcolor="white" text="black" link="pink" vlink="green" alink="blue" hover="red">
適当にクリックしてみてください。
<a href="http://www.yahoo.co.jp/">Yahoo Japan</a><br>
<a href="http://www.yahoo.com/">Yahoo</a><br>
<a href="http://mx.yahoo.com/">Yahoo! Mexico</a>
</body>
</html>
| 要素 | 意味 |
|---|---|
| link | 通常のリンク |
| active | 訪問しようとしているリンク リンクをクリックしてから実際にページを読み込み、表示されるまでの一瞬、この属性で指定した色に変更される。 |
| visited | 訪問済みのリンク |
| hover | マウスカーソルがリンクの上に来たときの色 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<title></title>
</head>
<body>
適当にクリックしてみてください。
<style type="text/css">
<!--
a:link {color: pink;}
a:active {color: blue;}
a:visited {color: green;}
a:hover {color: red;}
-->
</style>
<a href="http://www.yahoo.co.jp/">Yahoo Japan</a><br>
<a href="http://www.yahoo.com/">Yahoo</a><br>
<a href="http://mx.yahoo.com/">Yahoo! Mexico</a>
</body>
</html>
色の指定方法は
| 色の名前 | RGB 値 (16進数) | 実際の色 |
|---|---|---|
| aqua | #0000ff | |
| black | #000000 | |
| blue | #0000ff | |
| fuchsia | #ff00ff | |
| gray | #808080 | |
| green | #008000 | |
| lime | #00ff00 | |
| maroon | #800000 | |
| navy | #000080 | |
| olive | #808000 | |
| purple | #800080 | |
| red | #ff0000 | |
| silver | #c0c0c0 | |
| teal | #008080 | |
| white | #ffffff | |
| yellow | #ffff00 |