HTML表格：删除空单元格周围的边框_Html_Html Table

HTML表格：删除空单元格周围的边框

html

HTML表格：删除空单元格周围的边框,html,html-table,Html,Html Table,出于某种原因，我正在努力解决这个问题，在HTML中，我通过制作日历来练习表格。我有一个带有标题和一些数据的表，一切都正常，但最后我在空单元格周围加了边框。我只希望包含数据的单元格和表本身有边框我是不是走错路了另外，是否有方法使用行和列值将数据写入表中的特定单元格以下是我的代码的编辑部分： <!DOCTYPE html> <html lang="en"> <head> <title> Victor's Fall 2015 Timetab

出于某种原因，我正在努力解决这个问题，在HTML中，我通过制作日历来练习表格。我有一个带有标题和一些数据的表，一切都正常，但最后我在空单元格周围加了边框。我只希望包含数据的单元格和表本身有边框

我是不是走错路了

另外，是否有方法使用行和列值将数据写入表中的特定单元格

以下是我的代码的编辑部分：

<!DOCTYPE html>
<html lang="en">
<head>
    <title> Victor's Fall 2015 Timetable</title>
</head>

<body>
    <table border="1">
        <tr>
            <th></th>
            <th> Monday </th>
            <th> Tuesday </th>
            <th> Wedenesday </th>
            <th> Thursday </th>
            <th> Friday </th>
        </tr>

        <tr>
            <th> 11:00 </th>
                <td></td>
                <td></td>
                <td rowspan="2">Database Lecture</td>
                <td></td>
                <td></td>
        </tr>

        <tr>
            <th> 11:30 </th>
        </tr>

        <tr>
            <th> 12:00 </th>
                <td></td>
                <td rowspan="2">Communications Lecture</td>
                <td rowspan="3">Database Lab</td>
                <td></td>
                <td rowspan="2">Java Lecture</td>
        </tr>

        <tr>
            <th> 12:30 </th>
        </tr>       

        <tr>
            <th> 1:00 </th>
        </tr>

    </table>
</body>
</html>


维克多2015年秋季时间表
星期一
星期二
星期三
星期四
星期五
11:00 
数据库讲座
11:30 
12:00 
传播讲座
数据库实验室
爪哇讲座
12:30 
1:00

如果页面是静态的，则可以将

.noborder

类添加到空的

td

标记中

.noborder {
border-style: none;
}

将没有边框

您必须用于

表

css

边框折叠：分离；空单元格：隐藏
例如：

表格
{
边界塌陷：分离；
空单元格：隐藏；
}

星期一
星期二
星期三
星期四
星期五
11:00 
数据库讲座
11:30 
12:00 
传播讲座
数据库实验室
爪哇讲座
12:30 
1:00 
我不确定这是否适合您正在尝试的操作，但一个选项是给每个人一个带有“坐标”的id
例如：
<table>
    <tr>
        <td id="r0c0"> Row 0, Col 0</td>
        <td id="r0c1"> Row 0, Col 1</td>
        <td id="r0c2"> Row 0, Col 2</td>
    </tr>
    <tr>
        <td id="r1c0"> Row 1, Col 0</td>
        <td id="r1c1"> Row 1, Col 1</td>
        <td id="r1c2"> Row 1, Col 2</td>
    </tr>
    <tr>
        <td id="r2c0"> Row 2, Col 0</td>
        <td id="r2c1"> Row 2, Col 1</td>
        <td id="r2c2"> Row 2, Col 2</td>
    </tr>


第0行第0列
第0行第1列
第0行第2列
第1行第0列
第1行第1列
第1行第2列
第2行第0列
第2行第1列
第2行，第2列

有了更多的信息，我可能会给你一个不同/更好的解决方案，如果这不起作用的话
更新：我重读了这个问题，意识到这只回答了你问题的一部分。希望它能帮上忙
 这个页面是静态的吗？？或者动态生成我以前见过这个解决方案，但是我不确定把那段代码放在哪里。我只有一个.html文件，其中包含我正在记事本++上编辑的代码。