<html>
<正文>
<style type="text/css">
#elButton a {
color: #000000;
字體大小：10px；
字型系列：verdana；
字體粗細：粗體；
文字裝飾：無；
邊框：4px 開頭為淺綠色；
背景顏色：#00ffff；
顯示：塊；
寬度：160 像素；
內邊距：3px 5px；
邊距：1 像素；
}
#elButton a:hover {
背景顏色: #00c0c0;
顏色：#000000；
左內邊距：4px；
邊框：4px 嵌入淺綠色；
}
#elButton a {
顏色：#000;
字體大小：10px；
字型系列：verdana；
字體粗細：粗體；
文字裝飾：無；
邊框：4px 開頭為淺綠色；
背景顏色：#00ffff；
顯示：塊；
寬度：160 像素；
內邊距：3px 5px；
邊距：1 像素；
}
#elButton a:hover {
背景: #00c0c0;
顏色：#000000；
左內邊距：4px；
邊框：4px 嵌入淺綠色；
}
</風格>
</頭>
<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>
</正文>
</html>