新思程序员之家论坛 » ☆ -HTML、ASP、 PHP技术 » 一个漂亮的CSS菜单

查看完整版本: 一个漂亮的CSS菜单

bufegar 2007-11-2 10:13

一个漂亮的CSS菜单

[attach]317[/attach]
以下为代码[code]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD><TITLE>Windows Longhorn Glass Look</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE>
#menu {
BORDER-RIGHT: rgb(182,184,196) 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: rgb(182,184,196) 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 9pt; BACKGROUND: #f4f4f5; PADDING-BOTTOM: 1px; BORDER-LEFT: rgb(182,184,196) 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: rgb(182,184,196) 1px solid; FONT-FAMILY: trebuchet ms; POSITION: absolute
}
#menu A {
DISPLAY: block; WIDTH: 200px; CURSOR: default; COLOR: black; HEIGHT: 18px; TEXT-DECORATION: none
}
#menu A I {
BORDER-RIGHT: #e0e0e1 1px solid; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND: #ececed; FLOAT: left; PADDING-BOTTOM: 2px; MARGIN-LEFT: -2px; BORDER-LEFT: #ffffff 1px solid; WIDTH: 26px; MARGIN-RIGHT: -3px; PADDING-TOP: 2px; POSITION: relative; HEIGHT: 14px
}
#menu A SPAN {
BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 3px; BACKGROUND: #f4f4f5; PADDING-BOTTOM: 2px; BORDER-LEFT: #ffffff 1px solid; MARGIN-RIGHT: -2px; PADDING-TOP: 2px; POSITION: relative; HEIGHT: 14px
}
#menu A:hover {
BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: rgb(158,215,240) 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: #ffffff 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: rgb(158,215,240) 1px solid
}
#menu A:hover I {
BORDER-RIGHT: #e0e0e1 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ececed 1px solid; PADDING-LEFT: 0px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe2eaf2, endColorstr=#ffd8e0f0); PADDING-BOTTOM: 0px; BORDER-LEFT: rgb(158,215,240) 1px solid; WIDTH: 25px; PADDING-TOP: 0px; BORDER-BOTTOM: #d8e0f0 1px solid
}
#menu A:hover SPAN {
BORDER-RIGHT: rgb(158,215,240) 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #f4f4f5 1px solid; PADDING-LEFT: 3px; FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeef2f8, endColorstr=#ffddedf8); PADDING-BOTTOM: 0px; BORDER-LEFT: #e8f2f8 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #e8f2f8 1px solid
}
</STYLE>

<META content="MSHTML 6.00.3790.2759" name=GENERATOR></HEAD>
<BODY>

<DIV id=menu><A
href="http://w3future.com/2003/glass/glass.html#"><I></I><SPAN>Menu Item
1</SPAN></A> <A
href="http://w3future.com/2003/glass/glass.html#"><I></I><SPAN>Menu Item
2</SPAN></A> <A
href="http://w3future.com/2003/glass/glass.html#"><I></I><SPAN>Menu Item
3</SPAN></A> </DIV>
</BODY></HTML>[/code]

彦恩沛 2008-10-4 10:38

实用技术、专利技术、致富项目诚征分站、分公司 www.99pat.cn

[color=#000000][color=#000000][font=宋体][size=3][url=http://www.99pat.cn/][b]实用技术[/b][/url][b]、专利技术、[/b][url=http://www.99pat.cn/][b]投资项目[/b][/url][b]诚征分站、分公司 [/b][url=http://www.99pat.cn/][b]www.99pat.cn[/b][/url][/size][/font][size=3][font=宋体]
[/font][/size][/color][color=#000000][font=宋体][size=3]中国九九[/size][/font][url=http://www.99pat.com/][font=宋体][size=3][b]专利[/b][/size][/font][/url][font=宋体][size=3]网集专利技术、实用技术、投资项目、创富指南为主体的专业创业致富门户网站，现诚招各地分站、代理商。为您提供四大专利致富工具：[/size][/font][/color]
[size=3][color=#000000][font=宋体]1、  从85年至今的230多万项发明[/font][url=http://www.99pat.com/][font=宋体][b]专利[/b][/font][/url][font=宋体]和实用新型[/font][url=http://www.99pat.cn/][font=宋体][b]专利[/b][/font][/url][/color][color=#000000][/color]
[font=宋体][color=#000000]2、  一个独立经营、自已全权管理的大型门创业致富门户网站网站（独立域名，独立后台，全动态管理）。包含专利频道、实用技术频道、投资项目频道、创业致富指南频道等创业致富专业频道！[/color]
[color=#000000]3、  一个[url=http://www.99pat.com/][b]专利技术[/b][/url]检索、[url=http://www.99pat.com/]专利技术下载[/url]平台，（含[url=http://www.99pat.cn/]专利[/url]检索数据库和[url=http://www.99pat.cn/]专利[/url]下载数据库）[/color]
[color=#000000]4、  [url=http://www.99pat.cn/]专利光盘[/url]定制器或[url=http://www.99pat.cn/]专利[/url]数据包定制器，让您从百万项[url=http://www.99pat.cn/][b]专利[/b][/url]中一次性将您所需要的一项或多项[url=http://www.99pat.com/][b]专利技术[/b][/url]（数量不限）直接形成[url=http://www.99pat.com/][b]专利[/b][/url]数据包或直接制成[url=http://www.99pat.com/]专利光盘[/url]，让[url=http://www.99pat.com/][b]专利技术[/b][/url]的定制程序化、简单化。[/color]
[color=#000000]5、一万五千项实用技术，每项技术均含有技术配方和操作教程[/color]
[color=#000000]6、近万个投资创业项目，投资小见效快[/color]
[color=#000000][/color]
[color=#000000]不难看出，我们为您准备好了一切，中国99创业致富网本着携手创业，诚信共赢的原则，对分站实行扶上马送到家，让您创业有路，致富无忧。[/color]
[color=#000000]详情请登陆：[url=http://www.99pat.cn/]www.99pat.cn[/url][/color]
[color=#000000]电话：0431-86189079[/color]
[color=#000000]联系人：大力[/color]
[/font][/size][/color]

骁飞惠 2008-11-8 21:23

传奇之神话

[size=2][color=#800080][color=black]曾经有各种各样的生物生活在这神秘的玛法大陆。人类的力量在其中是如此弱小，他们在这个大陆上被迫建立各种组织,以便抵抗那些有着超自然能力的野兽和怪物。然而，过了一段时间，一个神秘的种族的出现改变了这个大陆的势力分配,他们迅速的学习各种能力，很快的取得了非凡的能力,占据了这个大陆的领导地位。[/color][url=http://www.pk987.com/][color=black]传奇私服[/color][/url][color=black]这个种族教会了人们使用火和其他关于生存的能力。当人类学习到了这些不同的技能以后,这些长期生活在充满恐怖和威胁的环境中的人类开始尝试建立文明。人类在神秘种族的帮助下,开始了他们漫长而悠远的领土扩张和文明建立的过程。最后他们终于创造一个巨大的国家。据传说这个文明在当时已经拥有了超过我们想象力的文明和能力,但是在后来的一次大爆炸中,这个文明消失了。没有一个人知道关于这个大爆炸的细节,也没有任何痕迹可以寻找到相关的信息,而那个帮助人类的神秘种族也随着爆炸消失的无影无踪。剩下的生还者和他们的后代开始着手重新建立他们的文明社会,他们甚至期望能够建立一个完全等同于以前的文明社会，但是这个漫长的过程是如此的艰苦,因为几乎没有人能够记得那个年代的事情了,资源的短缺和知识的贫乏都严重的影响了这个文明的重建.从那以后，人类又开始了漫长的发展阶段,在这个阶段过程中,几个主要的城市逐渐形成.尽管关于那个年代和神秘种族的传说都显得虚无飘渺,但是人类一直没有放弃过对过去的崇敬,他们一代一代的传颂着那个极度文明的年代,这个永恒的[/color][url=http://www.pk987.com/][color=black]传奇外传私服[/color][/url][color=black]也就这样留下来了。[/color] [/color][/size]
[size=2][color=#800080]文章转自：[url=]http://[/url][url=http://www.pk987.com/]www.pk987.com[/url][/color][/size]

页: [1]

查看完整版本: 一个漂亮的CSS菜单