DEV Community

aditya bakshi
aditya bakshi

Posted on

website navbar

#html #css #design #devops

*{
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

Top comments (0)

Read next

kanav_gathe profile image

Day 14/90: Essential Linux & Git-GitHub Cheat Sheet đź“ť #90DaysOfDevOps

Kanav Gathe -

sandygalabada profile image

Blur page body when hover on Nav Bar

Sandy Galabada -

codingashish_dev profile image

5 Ways to Add Tailwind CSS to Your Project

Ashish Prajapati -

blackgirlbytes profile image

How My AI Dev Agent Turns Screenshots into UI Updates

Rizèl Scarlett -