最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
dw中实现像素为1px的细边框表格实例
时间:2022-06-25 14:51:25 编辑:袖梨 来源:一聚教程网
最近我们都是使用表格来实现如下
在网页中制作一个像素为1的wordlink_affiliate">细边框表格,看起来似乎是一个非常简单的东西。直接插入表格后设置表格边框boder=1?做过尝试的朋友肯定知道通过设置边框为1像素得出来的表格边框线非常粗,并不是想要的那种细边框效果,那么这种细边框怎么做呢?这需要一定的技巧。
先来看看边框为1像素的表格效果:
从上面的效果来看,并不是我们想要的细边框效果,1个像素的边框有些太粗,如果边框颜色设置为纯黑效果会更明显,而大多数时候我们需要的是真正一个像素的边框效果。下面介绍一下这种方法:
1、新建一个实际需要大小的表格,设置表格边框为0,表格间距为1,填充为0,表格的背景颜色设置为想要的边框颜色,即:border=”0″ cellpadding=”0″ cellspacing=”1″ bgcolor=”#CCCCCC”,如图:
jquery1386566882734="47" />
2、选中单元格标签
当然个人不推荐使用表格了,我们使用css div会很简单易行
代码如下 | 复制代码 |
|
得到的效果是一样的,但是在代码上会更简洁维护起来div+css模式比table模式要简单方法多了。
相关文章
- 王者荣耀侦探能力大测试攻略 王者荣耀侦探能力大测试怎么过 11-22
- 无期迷途主线前瞻兑换码是什么 11-22
- 原神欧洛伦怎么培养 11-22
- 炉石传说网易云音乐联动怎么玩 11-22
- 永劫无间手游确幸转盘怎么样 11-22
- 无期迷途主线前瞻兑换码是什么 无期迷途主线前瞻直播兑换码介绍 11-22