<أتش تي أم أل>
<الجسم>
<style type="text/css">
#elButton a {
color: #000000;
حجم الخط: 10 بكسل؛
عائلة الخط: فردانا؛
وزن الخط: غامق؛
زخرفة النص: لا شيء؛
الحدود: 4 بكسل أكوا البداية؛
لون الخلفية:#00ffff;
عرض: كتلة؛
العرض: 160 بكسل؛
الحشو: 3px 5px؛
الهامش: 1 بكسل؛
}
#elButton a:hover {
لون الخلفية: #00c0c0;
اللون: #000000؛
الحشو الأيسر: 4 بكسل؛
الحدود: 4 بكسل أكوا داخلي؛
}
#elButton أ {
اللون: #000؛
حجم الخط: 10 بكسل؛
عائلة الخط: فردانا؛
وزن الخط: غامق؛
زخرفة النص: لا شيء؛
الحدود: 4 بكسل أكوا البداية؛
لون الخلفية:#00ffff;
عرض: كتلة؛
العرض: 160 بكسل؛
الحشو: 3px 5px؛
الهامش: 1 بكسل؛
}
#elButton a:hover {
الخلفية: #00c0c0;
اللون: #000000؛
الحشو الأيسر: 4 بكسل؛
الحدود: 4 بكسل أكوا داخلي؛
}
</نمط>
</الرأس>
<body>
<div id="elButton">
<div>
<a href="#">Java Script</a>
</div>
<div>
<a href="#">HTML الديناميكي</a>
< /div>
<div>
<a href="#">جانب الخادم</a>
</div>
<div>
<a href="#">جانب العميل</a>
</div>
</div>
</الجسم>
</html>