zoukankan      html  css  js  c++  java
  • table添加正确的样式

    在做表格的时候,会在table标签中添加一些属性来改变表格的样式

    如果在<table>中设置了border:"1px solid #999"那么表格只有外边框有宽度为1px的线条,<td>并没有线条;

    如果我们使用<table  style="border:"1px solid #999" " cellspacing="0" cellpadding="0">虽然能得到我们需要的线条样子,但很少有人这么写,一般都是交给css来处理的

    其实:

     cellpadding="0" 相当于css里的{ padding:0}

     cellspacing="0" 相当于css里 {border-collapse:collapse/*边框合并*/}

    结论:

      如果我们像得到一个不难看的线条边框的话,可以用下面的css样式来实现

    <style>


    .table{text-align: center; 100%;border-collapse:collapse}
    .table td{border:1px solid #999;}

    </style>

  • 相关阅读:
    总结:关于作用域的经典面试题
    解决JS拖拽出现的问题
    JS正则(3)总结
    JS正则(2)对正则的理解
    JS 闭包 正则(1)
    JS Date对象
    笔记
    9.13笔记
    9.12学习笔记
    9.11学习笔记
  • 原文地址:https://www.cnblogs.com/samyi/p/12611187.html
Copyright © 2011-2022 走看看