how to create drop down list with html and css only ?

Question

I want to know easiest way to create drop down list with html and css only.

Answer 1

Use the select tag.

<select>
    <option>red</option>
    <option>green</option>
    <option>blue</option>
    <option>yellow</option>
</select>

Answer 2

css

<style type="text/css">
select.mySelect{}
select.mySelect option{}
</style>

html

<select class="mySelect">
<option>Display</option>
</select>

Answer 3

Try these websites they may give you a clear idea:

http://sperling.com/examples/menuh/

http://www.cssplay.co.uk/menus/drop_examples.html

http://www.dynamicdrive.com/dynamicindex1/droptabmenu.htm

Hope they might help you!