<html>
<ร่างกาย>
<style type="text/css">
#elButton a {
สี: #000000;
ขนาดตัวอักษร:10px;
ตระกูลแบบอักษร: verdana;
แบบอักษรน้ำหนัก: ตัวหนา;
การตกแต่งข้อความ: ไม่มี;
เส้นขอบ: 4px น้ำเริ่มแรก;
สีพื้นหลัง:#00ffff;
จอแสดงผล: บล็อก;
ความกว้าง: 160px;
การขยาย: 3px 5px;
ระยะขอบ: 1px;
}
#elButton a:hover {
สีพื้นหลัง: #00c0c0;
สี:#000000;
ช่องว่างภายในซ้าย: 4px;
เส้นขอบ: 4px แทรกน้ำ;
}
#elButton a {
สี: #000;
ขนาดตัวอักษร:10px;
ตระกูลแบบอักษร: verdana;
แบบอักษรน้ำหนัก: ตัวหนา;
การตกแต่งข้อความ: ไม่มี;
เส้นขอบ: 4px น้ำเริ่มแรก;
สีพื้นหลัง:#00ffff;
จอแสดงผล: บล็อก;
ความกว้าง: 160px;
การขยาย: 3px 5px;
ระยะขอบ: 1px;
}
#elButton a:hover {
พื้นหลัง: #00c0c0;
สี:#000000;
ช่องว่างภายในซ้าย: 4px;
เส้นขอบ: 4px แทรกน้ำ;
}
</สไตล์>
</หัว>
<body>
<div id="elButton">
<div>
<a href="#">จาวาสคริปต์</a>
</div>
<div>
<a href="#">ไดนามิก HTML</a>
< /div>
<div>
<a href="#">ฝั่งเซิร์ฟเวอร์</a>
</div>
<div>
<a href="#">ฝั่งไคลเอ็นต์</a>
</div>
</div>
</ร่างกาย>
</html>