Source Code: (back to article)
<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
<style>
#container ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
#container ul li {
display: inline;
}
#container ul li a {
text-decoration: none;
padding: 5px 20px;
color: #fff;
background-color: #1c87c9;
}
#container ul li a:hover
{
color: #fff;
background-color: #369;
}
</style>
</head>
<body>
<div id="container">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">About</a></li>
</ul>
</div>