2顶

CSS立体层

稿源：互联网 2022-05-11 07:43:52 点击： 1444 撤稿纠错

CSS立体层，可改变背景颜色，该特效提供7种颜色选择。

以下讨论的是和css 立体特效相关的CSS立体层教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<HTML>
<HEAD>
<TITLE>阿里西西网页特效演示，CSS立体层</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<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>

<META content="Microsoft FrontPage 4.0" name=GENERATOR></HEAD>
<BODY bgColor=#adbac9>
<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>
    <TD align=middle 
width=50></TD></TR></TBODY></TABLE></CENTER></DIV>　</BODY></HTML>

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于CSS立体层的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200807142350.shtml方便下次再访问哦。

·上一篇： 用CSS实现的文字竖排效果
·下一篇： HTML对联

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

CSS立体层

文章分类LIST >>返回首页

最新游戏

最新新闻