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>
About these ads

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

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s