Дополнен 3 года назад
#header {
background: rgb(164,28,252) linear-gradient(90deg, rgba(164,28,252,0.8214636196275386) 0%, rgba(247,109,136,1) 100%);
height: 150px;
}
html {
height:100%;
}
nav {
max-width: 960px;
padding: 0px ;
float: right;
}
nav ul {
text-align: right;
background: #ffffff
}
nav ul li {
display: inline-block;
}
nav ul li a {
padding: 10px;
font-family: "Open Sans";
text-transform:uppercase;
color: WHITE;
font-size: 18px;
text-decoration: none;
display: block;
position: relative;
top: -15px;
}
nav ul li a:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.6);
background: rgba(255, 255, 255, 0.1);
color: rgba(0, 35, 122, 0.7);
}
K-TOWN
<1!DOCTYPE html>
<1html lang="en">
<1head>
<1meta charset="UTF-8">
<1title>K-TOWN
<1/head>
<1body>
<1div id="header">
<1nav>
<1ul>
<1li>
<1a href="#">Home
<1/li>
<1li>
<1a href="#">BLOG
<1/li>
<1li>
<1a href="#">NEWS
<1/li>
<1li>
<1a href="#">About
<1/li>
<1li>
<1a href="#">Contact
<1/li>
<1/ul>
<1/nav>
<1/div>