css – 表格列格式

前端之家收集整理的这篇文章主要介绍了css – 表格列格式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图在< table />使用< col />元件。我可以设置背景颜色,宽度等,但是不能设置font-weight。为什么不起作用?
<table>
    <col style="font-weight:bold; background-color:#CCC;">
    <col>
    <tr>
        <td>1</td>
        <td>2</td>
    </tr>
    <tr>
        <td>3</td>
        <td>4</td>
    </tr>
</table>

解决方法

据我所知,您只能使用< col>上的CSS格式化以下内容。元件:

>背景颜色
>边界
>宽度
>知名度

page有更多的信息。

草药是正确的 – 最好直接设计< td>。我所做的是:

<style type="text/css">
   #mytable tr > td:first-child { color: red;} /* first column */
   #mytable tr > td:first-child + td { color: green;} /* second column */
   #mytable tr > td:first-child + td + td { color: blue;} /* third column */
   </style>
   </head>
   <body> 
   <table id="mytable">
    <tr>
      <td>text 1</td>
      <td>text 2</td>
      <td>text 3</td>
    </tr>
    <tr>
      <td>text 4</td>
      <td>text 5</td>
      <td>text 6</td>
    </tr>
    </table>

这不会在IE中运行。

猜你在找的CSS相关文章