Ответ: Все очень просто.
Набири в блокноте следующий HTML код:
<html>
<head>
<title>супер пупер сайт</title>
<style>
/* задаем стиль ссылок (тегов <a>) с классом «menu»*/
a.menu{
/* говорим что данный элемент явятся блочным (без этого в Опере не будет работать свойство width)
*/
display:block;
/*задаем ширину элемента*/
width:200px;
/*определяем стиль рамки */
border:1px solid black;
/* задаем стиль шрифта */
font:14px Arial;
/*убираем подчеркивание*/
text-decoration:none;
/*выравниваем текст по центру*/
text-align:center;
/*задаем расстояние между ячейками меню*/
margin:5px;
}
/*определяем стиль ячеек меню в момент наведения курсора */
a.menu:hover{
background-color:red;
}
</style>
</head>
<body>
<a href=”ddd.html” class=''''menu''''>о себе</a>
<a href=”ddd.html” class=''''menu''''>мои фото</a>
<a href=”ddd.html” class=''''menu''''>мой хомяк гоша </a>
<a href=”ddd.html” class=''''menu''''>халява </a>
……
</body>
</html>
