<html>
<本文>
<style type="text/css">
#elButton a {
color: #000000;
フォントサイズ:10px;
フォントファミリー:verdana;
フォントの太さ:太字;
テキスト装飾: なし。
ボーダー:4px アウトセット アクア;
背景色:#00ffff;
表示: ブロック;
幅: 160ピクセル;
パディング: 3px 5px;
マージン: 1px;
#elButton a:
hover {
背景色: #00c0c0;
色:#000000;
パディング左:4px;
ボーダー:4 ピクセル インセット アクア;
#elButton
a {
color: #000;
フォントサイズ:10px;
フォントファミリー:verdana;
フォントの太さ:太字;
テキスト装飾: なし。
ボーダー:4px アウトセット アクア;
背景色:#00ffff;
表示: ブロック;
幅: 160ピクセル;
パディング: 3px 5px;
マージン: 1px;
#elButton
a:hover {
背景: #00c0c0;
色:#000000;
パディング左:4px;
ボーダー:4 ピクセル インセット アクア;
}
</スタイル>
</head>
<body>
<div id="elButton">
<div>
<a href="#">Java スクリプト</a>
</div>
<div>
<a href="#">動的 HTML</a>
< /div>
<div>
<a href="#">サーバー側</a>
</div>
<div>
<a href="#">クライアント側</a>
</div>
</div>
</body>
</html>