JSFiddle - React, Tailwind, and code Playground

by ivanovsuper

HTML

<div class="hovermenu">
<ul>
<li><a href="#">Мои лоты</a></li>
<li><a href="#">Отзывы</a></li>
<li><a href="#">Добавить в избранное</a></li>
<li><a href="#">Задать вопрос</a></li>
</ul>
</div>

CSS

body { background-image:url(http://s2.ipicture.ru/uploads/20120531/pbb8FT9l.jpg);background-repeat:repeat-x repeat-x }
.hovermenu ul{text-align:center}
.hovermenu ul{
    padding-left: 0;
    margin-left: 0;
    font-size: 20px;
    font-family:Verdana;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
padding: 9px 0.5em;
text-decoration: none;
color: black;
background-color: transparent;
border: px solid transparent;
}

.hovermenu ul li a:hover{
background-color:#1E90FF;

}

html>body .hovermenu ul li a:active{ /* эффект при наведении мыши */
border-style: solid;
}