社区
CSS
帖子详情
表格阴影的效果如何实现?
jiangxiaochao
2005-04-13 12:29:19
象www.x.com.cn的表格,应该是用css控制的吧.那应该如何实现呢?
...全文
100
2
打赏
收藏
表格阴影的效果如何实现?
象www.x.com.cn的表格,应该是用css控制的吧.那应该如何实现呢?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
2 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
fengzi0924
2005-04-14
打赏
举报
回复
楼主做这么复杂的表格
fantiny
2005-04-13
打赏
举报
回复
<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>
<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>
<SCRIPT>
function c(css)
{up.className=css;
}
</SCRIPT>
用css
实现
的带
阴影
的
表格
效果
的代码
用css
实现
的带
阴影
的
表格
效果
的代码
JavaScript网页特效范例宝典源码
实例210
表格
的外
阴影
329 实例211 立体
表格
329 实例212 虚线边框
表格
330 实例213
表格
作为分割线 332 实例214
表格
向下展开 332 第8章 图形图像与多媒体 335 8.1 图片大小 336 实例215 打开自定义大小的图片 336 ...
基于Paddle的
表格
结构化技术精讲:原理到实战
2)语料构建:提供开源数据、标注工具(PPOCRLabelv2)、自动生成工具(TableGeneration)三个维度的语料构建方法 3)项目实战:讲解PPstructure
表格
识别的关键源码,并全流程
实现
项目环境安装、准备自己的数据集、...
html
表格
阴影
效果
,纯CSS可否
实现
如下
表格
的
阴影
效果
?
Documenttable, td { border: 1px solid #000; }tr { cursor: pointer; }tr.active { color: #f00; }tr.shadow {background-color: #fff;box-shadow: 10px 10px 10px rgba(0, 0, 0, .3);}aa11bb22cc33dd44ee55ff66gg...
layerlist添加
阴影
效果
一、layerlist给按钮添加
阴影
效果
给控件添加
阴影
有很多方法,但平常我们给按钮添加
阴影
最常用的就是使用layerlist多层绘图来添加
阴影
效果
,我们先来看一下给按钮添加的
阴影
效果
图: 从
效果
图中可以明显看出,按钮的...
CSS
61,111
社区成员
60,733
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章