如何在css中更改td,tr值?

时间:2015-06-15 05:17:56

标签: javascript jquery html css

我将代码表更改为div标签,它运行良好。现在我需要{c}中的td,tr表值?

HTML code:

<TABLE class="table_value2">
    <TR>
        <TD>
            <FONT FACE="VERDANA" SIZE="1" COLOR="#000000">Logged in as:
                <B><?php echo $lms_username; ?></B>
        </TD>
    </TR>
    <?php if($lms_groups=="on" && $lms_user_group!="" ){ ?>
    <TR>
        <TD>
            <FONT FACE="VERDANA" SIZE="1" COLOR="#000000">
                <?php echo "$lms_gtitle: "; if($lms_groups=="on" ){echo "<B>$lms_user_group</B>";}?>
        </TD>
    </TR>
    <TR>
        <TD>
            <FONT FACE="VERDANA" SIZE="1" COLOR="#000000">
                <?php echo "$lms_sgtitle: "; if($lms_groups=="on" ){echo "<B>$lms_user_subgroup</B>";}?>
        </TD>
    </TR>
    <tr>
        <TD>
            <FONT FACE="VERDANA" SIZE="1" COLOR="#000000">
                <?php if($section=="reports" && $report){echo "<A HREF='index.php?section=reports&sid=$sid'>Back to Detailed Reports Section";}?>
            </FONT>
        </TD>
    </tr>
    <?php }?>
</TABLE>

CSS:

<style>
.table_value2, tr, td {
    size: 1;
    color: #000000;
    width: 100%;
}

<style>

但它不起作用?有人可以帮我解决这个问题吗?

3 个答案:

答案 0 :(得分:0)

您必须使用</style>来结束自己的风格。不是<style>。因此,最后只需使用</style>代替<style>

答案 1 :(得分:0)

查看jsfiddle

这里有很多问题和建议。

  1. 清理代码。将所有小写字母用于html元素。
  2. FONT不容易管理。我使用一个简单的div,然后为特殊字体添加style =“”格式。
  3. 样式逗号会为表单中的每个元素设置该样式,这是您的意图吗?
  4. 看看jsfiddle ......你必须设置FONT元素的样式才能使这个工作

    .table_value2 TR TD FONT{
        size: 1;
        color: red;
        width: 100%;
    }
    

答案 2 :(得分:0)

尝试使用最新的HTML / CSS。我试图像这样更新一些:

<table class="table_value2">
    <tr>
        <td>Logged in as: <span> Username </span>
        </td>
    </tr>
    <tr>
        <td>Lorem Ipsum</td>
    </tr>
    <tr>
        <td>Lorem Ipsum</td>
    </tr>
    <tr>
        <td>Lorem Ipsum</td>
    </tr>
</table>

<强> CSS:

.table_value2, tr, td {
    size: 1;
    color: #000000;
    width: 100%;
    font-family:Verdana, Geneva, sans-serif;
}
.table_value2 td span {
    font-weight:bold;
}

HTML5 不支持字体标记。相反,您可以直接使用font-family td