PHP如何在表格中向HTML添加样式[关闭]答案

【问题标题】：PHP how to add a style to HTML in a table [closed]PHP如何在表格中向HTML添加样式[关闭]
【发布时间】：2013-03-06 23:53:14
【问题描述】：

我希望能够为这个表格设置样式：

背景较暗，返回的文本不可读：

 <?php
    echo "
        <table border = '1'>
        <tr>
        <th>Client ID</th>

    </tr>";
        echo "<tr>";
        echo "<td>" .$clientID. "</td>";
        echo "</tr>";
    echo "</table>";
}
?>

PHP 正在运行。但是如何更改表格中文本的颜色？

找到解决方案

我找到了一个简单的解决方案。使用bgcolor = '#fff'，这解决了问题。

 <?php
    echo "
        <table border = '1'>
            *bgcolor='#fff'*
        <tr>
        <th>Client ID</th>

    </tr>";
        echo "<tr>";
        echo "<td>" .$clientID. "</td>";
        echo "</tr>";
    echo "</table>";
}
?>

【问题讨论】：

那你需要学习CSS，看看Tizag CSS Tutorial

标签： php html-table

【解决方案1】：

以下是如何在页面上实现样式的基本概要：

HTML 头部

<head>
    <!-- example css -->
    <style type="text/css">
        table.mytable {
            border: 1px solid #FF0000;
        }
        table.mytable > thead > tr > th {
            font-size: 2em;
        }
        table.mytable > tbody > tr > td {
            color: #999;
        }
    </style>
    <!-- or below: include a css file -->
    <link rel="stylesheet" type="text/css" href="/path/to/my/css/file.css">
</head>

你的表（查看我对 DOM 的更改）

<table class="mytable">
    <thead>
        <tr>
            <th>Client ID</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <!-- notice how I include php without echoing the whole table -->
                <?php echo $clientID; ?>
            </td>
        </tr>
    </tbody>
</table>

学习 CSS

查看this website 以获得很好的教程和参考，以将 css 属性添加到您的页面。

【讨论】：

w3schools is not a good resource.
@moonwave99 哇。认为我开明了。我一直使用它作为快速参考。
应该可以，谢谢。已经在学习 CSS，但是表格的命名给我带来了问题。线程标签对我来说是新的，所以会继续阅读。感谢您的快速响应。

【解决方案2】：

尝试使用 Bootstrap，只需下载它并将文件放在正确的文件夹中，将 css 文件放在你的 css 文件夹中，将 js 文件放在你的 javascript 文件夹中，与图像相同，最后在你的代码中添加类似的类这个：

<?php
echo "
    <table class='table table-striped' >
    <tr>
    <th>Client ID</th>

</tr>";
    echo "<tr>";
    echo "<td>" .$clientID. "</td>";
    echo "</tr>";
echo "</table>";
}
?>

在这里查看更多信息：http://twitter.github.com/bootstrap/base-css.html#tables

【讨论】：