如何用css代码实现有立体效果的表格
合集下载
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
使表格变为立体的,想用css规定表格形式,应该如何写才能实现这个效果呢,本文将介绍一种很好的方法,需要的朋友可以参考下
我只知道可以在表格中加入如下代码:
bordercolorlight= “#739ed6 ” bordercolordark= “#FFeeee ”
使表格变为立体的。但是想用css规定表格形式,应该如何写才能实现这个效果呢?
1.代码如下:
复制代码
代码如下:
sss |
inset:
inset
outset:
outset
2.代码如下:
复制代码
代码如下:
.tab1 td{border-left:2 solid #fee;
border-top:2 solid #fee;
border-right:2 solid #79d;
border-bottom:2 solid #79d;
background-color:#999
}
.tab2 td{border:2 outset gray; background-color:#fc9 }
用css规定表格形式 | 用css规定表格形式 |
css规定表格形式 | css规定表格形式 |
用css规定表格形式 | 用css规定表格形式 |
css规定表格形式 | css规定表格形式 |
我又希望用CSS管理这个表格,或者在重定义一个STYTEL,可以实现我写的这种效果:bordercolorlight= “#739ed6 ” bordercolordark= “#FFeeee ”
不知道是否有更详细的解决方案?
详解代码如下:
正立方表格
复制代码
代码如下:
正立方表格 |