一个用纯CSS制作的网页下拉菜单

下面是个超简单的一个用纯CSS制作的网页下拉菜单教程，小编精心挑选推荐，大家行行好，多给几个赞吧，小编吐血跪求~

网页特效代码实例：一个用纯CSS制作的网页下拉菜单。

!DOCTYPE html PUBLIC "-//W3C//DTDXHTML1.1//EN"

""

[ !ELEMENT a (#PCDATA | table)* ]

html xmlns="" ""

head

meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" /

title Drop Down Menu /title

style type="text/css"

body {font-size:1%; color:#fff;} /*get rid of the IE bug that prints the the end of the !doctype */

.menu {;}

.holder {color:#000; ; ; ; background:#dca; solid #000; ; ; ; ; , vardana, arial, sans-serif; ; line-; ;}

. {; #; background:#000;}

, :visited {; ; ; solid #000; ; color:#000; background:#eee;}

:hover {background:#add;}

p { color:#000; ;}

/style

!--[if IE]

style type="text/css"

/*![CDATA[*/

.holder {;}

.menu {;}

, :visited {color:#000; ; ; ; background:#dca; solid #000; ; ; ; ; , vardana, arial, sans-serif; ; line-; ;}

:hover {color:#fff; background:#000; ;}

:hover table {; background:#eee; ;}

, :visited {; ; ; solid #000; ; color:#000;, vardana, arial, sans-serif; ; ;}

:hover {background:#add;}

/*]]*/

/style

![endif]--

/head

body

div

a href="page1.html"MENU 1

tabletrtd

a href="page1a.html"Page 1a/a

a href="page1b.html"Page 1b/a

a href="page1c.html"Page 1c/a

a href="page1d.html"Page 1d/a

a href="page1e.html"Page 1e/a

/td/tr/table

/a

a href="page1.html"MENU 2

tabletrtd

a href="page2a.html"Page 2a/a

a href="page2b.html"Page 2b/a

a href="page2c.html"Page 2c/a

a href="page2d.html"Page 2d/a

/td/tr/table

/a

/div

div

MENU 1br /

a href="page1a.html"Page 1a/a

a href="page1b.html"Page 1b/a

a href="page1c.html"Page 1c/a

a href="page1d.html"Page 1d/a

a href="page1e.html"Page 1e/a

/div

div

MENU 2br /

a href="page2a.html"Page 2a/a

a href="page2b.html"Page 2b/a

a href="page2c.html"Page 2c/a

a href="page2d.html"Page 2d/a

/div

/body

/html