Question

我在使用css处理表和边框时遇到一些麻烦。

我一直在做的是<table id=usertable>并加上border-width和border-style。

现在发生的是边界的OUTside部分是受宽度和样式影响的部分。内部的所有值和行都不受此影响。唯一可行的是边框的颜色。由于某种原因，边界必须在HTML中指定为border=1。

CSS：

#usertable {
    border-style: dashed;
    border-width: 10px;
    border-color: red;
    padding: 20px;
    margin: auto;
    margin-top: 20px;
    border-collapse: collapse;
}

PHP ：

echo "<table id=usertable>
    <tr>
        <td id=usertable_top>ID</td>
        <td id=usertable_top>USERNAME</td>
        <td id=usertable_top>PASSWORD</td>
        <td id=usertable_top>EMAIL</td>
        <td id=usertable_top>ADMIN</td>
        <td id=usertable_top>ACTIONS</td>
    </tr>";

    while($row = $result->fetch_assoc()){
        echo "
            <tr>
                <td>$row[ID]</td>
                <td>$row[USERNAME]</td>
                <td>$row[PASSWORD]</td>
                <td>$row[EMAIL]</td>
                <td>$row[ADMINSTATUS]</td>
        ";
    if ($_SESSION[adminsts] == sadmin) {
        echo "
            <td>Make Admin</td>
        ";
    }
    echo "
        </tr>
    ";
}

echo "</table>";

Answer 1

在桌面上设置边框就是这样。

如果要在表格单元格上设置边框，则必须设置表格单元格的样式。

td, th { 
    border: solid blue 1px;
}

Answer 2

您正在以错误的方式格式化html。 id应该在整个文档中使用一次（使用class =＆＃39; yourclass＆＃39;而不是）

td.yourclass{} #to apply rules to the td's

th.yourclass{} #to apply rules to the th's

tr.yourclass{} #to apply rules to the tr's

或者你可以使用id =＆＃39; usertable＆＃39;对于表，然后使用

访问所有元素

#usertable td{}

#usertable tr{}

#usertable th{}

表格和边框

2 个答案: