56 lines
No EOL
1 KiB
HTML
Executable file
56 lines
No EOL
1 KiB
HTML
Executable file
<!DOCTYPE HTML>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<style>
|
|
.menu {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.menu__item {
|
|
list-style: none;
|
|
display: inline-block;
|
|
padding: 6px;
|
|
margin: 0 2px;
|
|
border: 1px solid gray;
|
|
border-radius: 10px;
|
|
cursor: pointer;
|
|
font-size: 90%;
|
|
background: #FFF5EE;
|
|
}
|
|
|
|
.menu__vertical-splitter {
|
|
list-style: none;
|
|
display: inline-block;
|
|
}
|
|
|
|
.menu__vertical-splitter:before {
|
|
content: "|";
|
|
}
|
|
|
|
.menu__item a {
|
|
color: black;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.menu__item a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<ul class="menu">
|
|
<li class="menu__item"><a href="#">Главная</a></li>
|
|
<li class="menu__vertical-splitter"></li>
|
|
<li class="menu__item"><a href="#">Товары</a></li>
|
|
<li class="menu__item"><a href="#">Фотографии</a></li>
|
|
<li class="menu__item"><a href="#">Контакты</a></li>
|
|
</ul>
|
|
|
|
</body>
|
|
|
|
</html> |