下面是个超简单的一个用纯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