<html>
<тело>
<style type="text/css">
#elButton a {
color: #000000;
размер шрифта: 10 пикселей;
семейство шрифтов: verdana;
шрифт-вес: жирный;
текстовое оформление: нет;
граница: 4 пикселя в начале цвета морской волны;
цвет фона: # 00ffff;
дисплей: блок;
ширина: 160 пикселей;
отступ: 3 пикселя 5 пикселей;
поле: 1 пиксель;
}
#elButton a:hover {
background-color: #00c0c0;
цвет:#000000;
отступ слева: 4 пикселя;
граница: вставка 4 пикселя цвета морской волны;
}
#elButton a {
color: #000;
размер шрифта: 10 пикселей;
семейство шрифтов: verdana;
шрифт-вес: жирный;
текстовое оформление: нет;
граница: начало 4 пикселя цвета морской волны;
цвет фона: # 00ffff;
дисплей: блок;
ширина: 160 пикселей;
отступ: 3 пикселя 5 пикселей;
поле: 1 пиксель;
}
#elButton a:hover {
background: #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>