TheLazy.Dev
Portfolio GitHub

Blog

html |css |design |devops

website navbar

professor56

aditya bakshi

Posted on March 23, 2023

website navbar

*{
padding: 0px;
margin: 0px;
}

head{ 

background-color: blue;
width: 100%;
height: 80px;
Enter fullscreen mode Exit fullscreen mode

}

heading{ 

color:white;
padding: 27px;
font-size: 20px;
Enter fullscreen mode Exit fullscreen mode

}

nav{ 

padding:0px;
margin: 0px;
position: absolute;
top: 0px;
padding-left: 65%;
Enter fullscreen mode Exit fullscreen mode

}

nav ul{ 

padding: 27px;
Enter fullscreen mode Exit fullscreen mode

}

nav ul li{ 

float: left;
padding-left: 20px;
list-style: none;
Enter fullscreen mode Exit fullscreen mode

}

nav ul li a{ 

color: #ffffff;
text-decoration: none;
Enter fullscreen mode Exit fullscreen mode

}

create{ 

background-color: rgb(0, 0, 0);
padding: 12px;
font-size: 18px;
border-radius: 45px;
Enter fullscreen mode Exit fullscreen mode

}

create:hover{

background-color: #ff4;
color: blue;
}
Image description
Enter fullscreen mode Exit fullscreen mode
💖 💪 🙅 🚩
professor56
aditya bakshi

Posted on March 23, 2023

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

website navbar
html website navbar

March 23, 2023