有立体效果的CSS层代码

王朝html/css/js·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

<!--以下代码加入<head>区域-->

<SCRIPT>

function c(css)

{up.className=css;

alert(css)}

</SCRIPT>

<STYLE>TABLE,td,div {

FONT-SIZE: 9pt; CURSOR: hand; FONT-FAMILY: 宋体

}

BODY {

FONT-SIZE: 9pt; FONT-FAMILY: Tahoma; BACKGROUND-COLOR: #637994

}

.yellow {

BORDER-RIGHT: #8a6100 2px solid; BORDER-TOP: #ffe3a4 2px solid; BORDER-LEFT: #ffe3a4 2px solid; COLOR: #ffff00; BORDER-BOTTOM: #8a6100 2px solid; BACKGROUND-COLOR: #e19d00

}

.blue {

BORDER-RIGHT: #002200 2px solid; BORDER-TOP: #a6c1df 2px solid; BORDER-LEFT: #a6c1df 2px solid; COLOR: #ffffff; BORDER-BOTTOM: #002200 2px solid; BACKGROUND-COLOR: #3a6ea5

}

.green {

BORDER-RIGHT: #002200 2px solid; BORDER-TOP: #b9ffb9 2px solid; BORDER-LEFT: #b9ffb9 2px solid; COLOR: #ffff00; BORDER-BOTTOM: #002200 2px solid; BACKGROUND-COLOR: #008000

}

.menu {

BORDER-RIGHT: #FFFFFF 2px solid; BORDER-TOP: #000000 2px solid; BORDER-LEFT: #000000 2px solid; COLOR: #000080; BORDER-BOTTOM: #FFFFFF 2px solid; BACKGROUND-COLOR: #d8d8d0

}

.menu1 {

BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #adbac9 2px solid; BORDER-LEFT: #adbac9 2px solid; COLOR: #ffffff; BORDER-BOTTOM: #000000 2px solid; BACKGROUND-COLOR: #637994

}

.blue1 {

BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #d0ecff 2px solid; BORDER-LEFT: #d0ecff 2px solid; COLOR: #ffff00; BORDER-BOTTOM: #000000 2px solid; BACKGROUND-COLOR: #0099ff

}

.black {

BORDER-RIGHT: #000000 2px solid; BORDER-TOP: #d0d0d0 2px solid; BORDER-LEFT: #d0d0d0 2px solid; COLOR: #ffffff; BORDER-BOTTOM: #000000 2px solid; BACKGROUND-COLOR: #000000

}

</STYLE>

<!--<body>改为:-->

<BODY bgColor=#adbac9>

<!--以下代码加入<body>区域-->

<DIV class=yellow id=up

style="left: 294; width: 196; position: absolute; top: 79; height: 72">

<P align=center><br>

<br>

有立体效果的层 </P></DIV>

<DIV align=center>

<CENTER>

<TABLE cellSpacing=0 cellPadding=0 width=400 border=0>

<TBODY>

<TR>

<TD class=menu onclick='c("menu")' align=middle width=50>灰</TD>

<TD class=green onclick='c("green")' align=middle width=50>绿</TD>

<TD class=blue onclick='c("blue")' align=middle width=50>蓝</TD>

<TD class=yellow onclick='c("yellow")' align=middle width=50>黄</TD>

<TD class=menu1 onclick='c("menu1")' align=middle width=50>灰1</TD>

<TD class=blue1 onclick='c("blue1")' align=middle width=50>浅蓝</TD>

<TD class=black onclick='c("black")' align=middle width=50>黑</TD>

</TR>

</TBODY>

</TABLE>

</CENTER>

</DIV>

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航