zoukankan      html  css  js  c++  java
  • HTML中正确设置表格table边框border的三种办法

    html中如果设置table的border为1px,实际会产生双线,十分不美观,那么在HTML中如何正确设置表格table边框border呢?

    第一种方法:

      1、将table的属性设置为:BORDER=0 、cellspacing=1 ;

      2、设置table的背景色为即你要设置的table的边框颜色;

      3、设置所有td背景色为#ffffff白色;

    第二种方法:

      1、设置BORDER=0 ;

      2、再通过CSS,给Table加上1px的border-top,border-left;

      3、然后再设置所有的td的border-right,border-bottom;

    第三种方法(推荐):

      1、设置table的CSS为{border-collapse:collapse;border-style: solid;border- 1px;}

        注:border-collapse:collapse;

    separate 默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。
    collapse 如果可能,边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。
    inherit 规定应该从父元素继承 border-collapse 属性的值。

      2、再设置td的CSS为{border-style: solid;border- 1px;}

    365个夜晚,我希望做到两天更一篇博客。加油,小白!
  • 相关阅读:
    人不能乱说
    信息不可透露

    一波韭菜又一波韭菜,割了一波又一波
    截取等宽中英文字符串(比如截取2个,中午截取两个字,英文截取四个单词)
    nhibernate 配置nvarchar(max)
    angularjs 自带的过滤器
    检测是否是IE浏览器
    WebClient 使用
    从流获取缩略图
  • 原文地址:https://www.cnblogs.com/qq2806933146xiaobai/p/12407749.html
Copyright © 2011-2022 走看看