Natalya Barkova
Newbie | Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
html
<nav class="my_buttom" id="button">
<div align="center">
<p class="button1"><a href="index.html" id="indexnav">Главная</a></p>
<p class="button2"><a href="about.html" id="aboutnav">О нас</a></p>
<p class="button3"><a href="contact.html" id="contactnav">Контакты</a></p>
<p class="button4"><a href="portfolio.html" id="portfolionav">Портфолио</a></p>
</div><br>
</nav>
style.css
#menu a .button1{
text-decoration: none;
pointer-events: none;
}
.my_buttom{
margin: 30px;
font-weight: bold;
width: 100%;
color: #000;
font-size: 50px;
}
.button1 a,
.button2 a,
.button3 a,
.button4 a{
margin: 0 auto;
text-decoration: none;
font-size: 30px;
font-family: monospace;
border-color: #FF9090;
padding: 5px 10px;
color:#6e2c2c;
float: left;
box-sizing: border-box;
border-radius: 100px;
border: 1px solid #a64747;
border-top: #ee6969;
border-bottom: 4px solid #800000;
}
.button1 a:hover,
.button2 a:hover,
.button3 a:hover,
.button4 a:hover{
background-color: #f67878;
} |
