Drop-down menu using CSS

<style>
a
{
	text-decoration:none;
}
ul
{
	list-style:none;
	padding:0px;
	display:block;
	text-align:center;
}
ul li
{
	float:left;
}
li ul
{
	display:none;
}
ul li a
{
	border:2px solid red;
	padding:10px 5px 10px 5px;
	background-color:green;
	color:white;
	font-size:20px;
	display:block;
	width:100%;
	text-align:center;
}
li a:hover
{
	background-color:black;
}
li:hover ul
{
	position:absolute;
	display:block;
}
li:hover ul li
{
	float:none;
}

</style>
<body>
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">SERVICES</a>
<ul>
<li><a href="#">SOFTWARE</a></li>
<li><a href="#">HARDWARE</a></li>
</ul>
</li>
<li><a href="#">HELP</a></li>
</ul>
</body>

11 thoughts on “Drop-down menu using CSS

  1. A fascinating discussion is definitely worth comment. I do think that you need to publish more about this topic, it might
    not be a taboo subject but usually folks don’t talk about such issues. To the next! Kind regards!!

  2. It is appropriate time to make a few plans for the future and it is time to be happy.

    I have read this put up and if I could I desire to recommend you some attention-grabbing issues or suggestions.
    Maybe you could write subsequent articles referring to this article.
    I wish to read more things about it!

  3. This is really interesting, You are a very skilled blogger.
    I have joined your rss feed and look forward to seeking more of your fantastic post.
    Also, I have shared your site in my social networks!

  4. Definitely consider that which you said. Your
    favorite justification appeared to be at the internet the simplest factor to understand of.
    I say to you, I definitely get annoyed even as other people think about issues that they
    just don’t realize about. You managed to hit the nail upon the top as well as defined out the entire thing with no need side-effects , other folks could take a signal. Will probably be again to get more. Thank you

  5. Awesome blog! Do you have any tips for aspiring writers?

    I’m hoping to start my own blog soon but I’m a little lost on everything.
    Would you propose starting with a free platform like WordPress or go
    for a paid option? There are so many options out there that I’m totally confused .. Any ideas? Bless you!

  6. I blog quite often and I seriously appreciate your content.

    The article has really peaked my interest. I will bookmark your blog and keep checking for new information about once a week.
    I subscribed to your RSS feed as well.

  7. May I simply just say what a comfort to discover
    somebody who genuinely understands what they’re discussing on the net. You actually understand how to bring a problem to light and make it important. More and more people should read this and understand this side of your story. I was surprised that you’re not more popular given that you surely have the gift.

Leave a reply to Opzioni Digitali Cancel reply