视频教程 图书教程 网页设计教程 计算机技术 网页素材 免费资源 特效代码 软件下载 网站推广 设计论坛
QQ动态 | QQ空间教程 | QQ空间代码 | QQ应用 | QQ秘籍 | QQ破解 | QQ安全 | QQ音速 | QQ幻想 | QQ堂 | QQ宠物

你的位置:首页>>百度空间代码>>立体效果的CSS层代码

立体效果的CSS层代码

发表时间:2006-11-19 14:08:48浏览次数:

效果如下图:

 

<!--以下代码加入<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>

相关评论
暂无回复
姓名:
评论内容:
     
·手把手教大家做个性空间『
·QQ空间打不开解决方法(
·QQ空间经典黑色边框素材
·最新QQ空间免费皮肤
·QQ空间模块--最新劲舞
·QQ空间闪图--6款完美
·QQ空间大图模块添加教程
·QQ空间横幅模块--动感
·QQ空间模板—FOX越狱
·让QQ空间随机播放开场f
·非黄钻用户可以选择任意图
·QQ空间拼一个免费MTV
·视频教您怎样使用Qzon
·只要有登录QQ,就能得到
·利用QQ网吧免费开蓝钻
·空间FLASH模块—DJ
·QQ空间的自动关注和花之
·QQ空间精美情侣图片边框
·Qzone插画模版=>个
·QQ秀超级简单教程:三步
·经典黑白超酷系列---Q
·不是会员和太阳一样换头像
·QQ空间3.1FLASH
·QQ空间最新FLASH模
·一步步教你做自定义QQ音
·一张废手机卡的作用大全
·超酷版★★★经典的我给你
·QQ空间大图模块—另类的
·294款QQ空间经典个人
·QQ空间FLASH模板—

网站建设服务 - 友情链接 - 意见建议 - 联系站长 - 论坛 - 网站导航
Copyright 2006-2007 zznj.com/qq Inc. All Rights Reserved
Emai:skyzznj@126.com 豫ICP备06004911号