WEB 制作1px边框表格的几种方法

制作1px边框表格的几种方法

有过网页制作经验的朋友一定知道:一般来讲,把表格的边框定义为1px时,即border=1,而实际上是2px。而我们在很多时候需要那种真正的边框为1px的表格,下面就介绍几种方法。

一、用嵌套表格

用两个表格嵌套,外层的表格的长与宽比里层的多出2px,并设置对齐属性为水平居中、垂直居中,然后把外层表格的背景设为你需要的边框颜色,里层表格背景设为与网页背景相同,这样就实现我们的愿望了,实例如下:

-----------------------------------------------------------------

 

-----------------------------------------------------------------

二、设置亮、暗边框颜色

表格有亮边框(bordercolorlight)和暗边框(bordercolordark)两个属性,把表格边框(border)设为1px,亮边框(bordercolorlight)设为背景色,暗边框(bordercolordark)设为你需要的实际边框颜色就可以了,实列如下:

-----------------------------------------------------------------

 

-----------------------------------------------------------------

三、用CSS定义(一) (推荐使用)

代码为:

style="border-collapse: collapse"

实例如下:

-----------------------------------------------------------------

 

-----------------------------------------------------------------

如果你用过Frontpage xp,你会发现,在Frontpage xp中定义的表格默认的设置就是用CSS定义过了的。

四、用CSS定义(二)

代码为:

style="border: 1px solid #000000;"

实例如下:

-----------------------------------------------------------------

 

-----------------------------------------------------------------

有一点一定要注意:这时候不要再设置表格边框(border)、亮边框(bordercolorlight)和暗边框(bordercolordark)属性,否则不会出现预想的结果。

--------------------------------------------------------------------------------

html怎么画表格边框,WEB 制作1px边框表格的几种方法相关推荐

  1. web自动化测试图片上传的两种方法

    web自动化测试图片上传的两种方法: 通过input标签的,如: <!DOCTYPE html> <html lang="en"> <head> ...

  2. 【Threejs】轮廓线、边框线、选中效果实现的N种方法以及性能评估(目前7种)

    [Threejs]轮廓线.边框线.选中效果实现的N种方法以及性能评估(目前7种) 对于模型较小,面数较少,机器性能很好的情况下,用哪种方法都可以. 但是对于压缩后glb还有100m.200m,几百万面 ...

  3. dw中html怎么做表格边框,制作1px边框表格的几种方法-网页设计,Dreamweaver

    有过网页制作经验的朋友一定知道:一般来讲,把表格的边框定义为1px时,即border=1,而实际上是2px.而我们在很多时候需要那种真正的边框为1px的表格,下面就介绍几种方法. 一.用嵌套表格 用两 ...

  4. html打印表格自动分页,Web分页打印 细线表格+分页打印之终极攻略

    Web分页打印 细线表格+分页打印之终极攻略 发布时间:2009-03-01 23:46:40   作者:佚名   我要评论 最近给客户做打印的时候,客户提出打印时不要打印该页面的头,只是打印表格里面 ...

  5. C#web弹出提示框的几种方法

    在C#制作网站中我用到的弹出提示框的方法如下: 构造一个函数msgbox,然后调用. #region 实现MsgBox功能     ///     /// 显示"确定"点击以后就转 ...

  6. linux系统系统盘制作工具,轻松制作Linux系统启动盘的四种方法

    Linux的启动软盘有boot盘和boot/root盘之分.所谓的boot盘只能用来启动已经安装在硬盘上的Linux系统,而boot/root盘本身就是一个迷你Linux系统. Linux启动软盘是系 ...

  7. 克制linux启动盘,制作Linux启动盘的四种方法

    出处: Linux的启动软盘有boot盘和boot/root盘之分,所谓的boot盘只能用来启动已经安装在硬盘上的 Linux系统,而boot/root盘本身就是一个迷你Linux系统.Linux启动 ...

  8. linux dd命令制作软盘,制作Linux启动软盘的四种方法

    Linux的启动软盘有boot盘和boot/root盘之分,所谓的boot盘只能用来启动已经安装在硬盘上的Linux系统,而boot/root盘本身就是一个迷你Linux系统.Linux启动软盘是系统 ...

  9. html页面打印+区域,实现web网页指定区域打印的三种方法

    通过本教程可以实现,将印web网页指定区域的内容,本教程将提供三种方法实现. 方法一:打印网页指定区域 HTML 在需要打印的内容 // 页面上的内容大小调整可以css调整或容器包容 打印容器内的内容 ...

  10. 在Web项目中保存会话的两种方法:Cookie和Session

    Web浏览器是与Web服务器之间的会话是一个不保持的会话,浏览器发起请求,建立会话,获得结果后,会话就不在了.然而,在涉及到用户登录Web项目中,开发人员必须有一种方法,区分用户登录前后的状态,以便对 ...

最新文章

  1. 项目需求|10~15万|自动上料系统—将物料通过机械手臂挂在挂钩上
  2. 2021-07-08执行Linux的命令分析
  3. DL-5 深度学习框架的对比
  4. bean加载时调用@value时会出现空指针异常_SpringMVC全局异常处理机制
  5. mysql sql优化器_MySQL SQL优化之‘%’
  6. ICLR2020满分论文 | 为什么梯度裁剪能加速模型训练?
  7. DataTrigger 绑定枚举
  8. 【阿圆总结】关于平时阅读的推荐
  9. 注塑机c语言程序,注塑机PLC程序(完整版).docx
  10. 西门子PLC200SMART(二)
  11. MySQL所有常用语法大全
  12. 夜神模拟器连不上android studio了
  13. 微信公众号怎么申请注册?看这一篇就够了
  14. 磁盘的扩展卷和压缩卷显示灰色,无法使用
  15. Power算法求X的N次幂
  16. 疯狂打CALL,机器人抢镜时尚大典
  17. 棋牌游戏支付接口H5支付宝微信
  18. CSS常用五类选择器,经典好文
  19. 微商如何通过自媒体平台进行引流
  20. 伴随着Web标准发展

热门文章

  1. k2450 linux 显卡驱动,Debian系统安装NVIDIA驱动支持双显卡切换
  2. Python编写三角形
  3. HttpHeaders()无法调用
  4. win10-11全版本下载地址MSDN纯净版ISO-20220217更新
  5. Vue08---js动画与Velocity.js结合
  6. 百度地图 3.0 WEB离线开发
  7. idcnd传媒官方专业提供
  8. win7系统任务栏不见了怎么办
  9. jackson java用法_Jackson 使用方法总结
  10. linux根据关键字查询日志的方法