计算器表格边框java_表格边框探秘

这是一普通的表格

线

表格加上了漂亮的细线

(利用cellspacing1像素间隙和表格与单元格背景的不同)

线

线

这和上面那个可不一样,它用的是CSS,效果却一样。

(对单元格border的定义)

线

线

再进一步,把边框变成虚线,同样是CSS的神奇作用。

细线表格的扩展应用,奥妙就是在第个单元格中再套入一个表格。

 
 
 
 

立体感的表格

(简单的亮暗边框设置,注意只有IE支持这种效果)

bordercolorlight="#000000" bordercolordark="#eeeeee" >立

bordercolorlight="#000000" bordercolordark="#eeeeee" >表

bordercolorlight="#000000" bordercolordark="#eeeeee" >体

bordercolorlight="#000000" bordercolordark="#eeeeee" >格

无名表格

给表格加上一个表头

(应用

和标签)
无名表格

表中表效果Ⅰ

给表头再加个框

(用CSS为定义一个边框)

表中表效果Ⅰ

表中表效果Ⅱ

看起来和上面的一样,可是这个才是真正的表中表哦。

(在中插入一个表格)

表中表效果Ⅱ

这一节要靠你自己去发现了,因为这样学到的东西才是真正属于自己的(我的一个偷懒的借口)。 我已经在每个表格的下面写出了重点,并在右边给出它的源代码,你可以对照着看。下面还有一 个边框会自己变颜色闪动的表格,有兴趣也研究研究吧 ^o^

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值