zoukankan      html  css  js  c++  java
  • 如何设置table中<tr>和<td>的高度

    //-----------------自定义表格table的行和列的宽和高----------------------//

    先设置一个样式 如下:

    <style type="text/css">
    .main td{ height:30px; border:#CCCCCC 1px solid;}
    </style>

    再对样式进行引用 :

    <table width="100%" border="0" cellspacing="0" cellpadding="0">
       <tr><td> </td><td> </td><td> </td></tr><tr><td> </td><td>  </td><td> </td>      
     </tr>
    </table>

    最后,就可以得到想要的表行样式了。

    注意:.main td的意思是指定main类下的td,同理也可以指定tr这样的做法只能针对了设定main类的表格,若是想要所有的表格都是同一个高度样式可以这样写:

    <style type="text/css">
        table td{ height:30px; border:#CCCCCC 1px solid;}
    </style>

    @ 注意的是table前不要加点,因为他不是类名,而是html元素

    有些梦想是遥不可及的,除非你坚持!
  • 相关阅读:
    学习进度笔记01
    进度报表十一
    进度报表十
    进度日报九
    进度日报八
    进度日报七
    第七周总结
    进度报表六
    第一阶段冲刺6
    第一阶段冲刺5
  • 原文地址:https://www.cnblogs.com/softmans/p/3210965.html
Copyright © 2011-2022 走看看