html如何实现立体效果,如何用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 ”

不知道是否有更详细的解决方案?

详解代码如下:

正立方表格

复制代码代码如下:

bordercolordark= “#000000 ” style= “position: absolute; left: 10; top:

49 ” height= “26 “>

正立方表格
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值