在HTML中设置td(表格单元格)的方法有很多，以下是一些常见的方法：
1、使用<table>标签创建一个表格，然后在其中添加<tr>(表格行)和<td>(表格单元格)标签。
<table border="1">
<tr>
<td>单元格1</td>
<td>单元格2</td>
</tr>
<tr>
<td>单元格3</td>
<td>单元格4</td>
</tr>
</table>
2、使用CSS样式直接设置td的属性，可以使用border属性设置边框，使用width和height属性设置宽度和高度等，示例代码如下：
<!DOCTYPE html>
<html>
<head>
<style>
table {
border-collapse: collapse;
}
td {
border: 1px solid black;
width: 50px;
height: 50px;
}
</style>
</head>
<body>
<table>
<tr>
<td style="background-color: lightblue;">单元格1</td>
<td style="background-color: lightgreen;">单元格2</td>
</tr>
<tr>
<td style="background-color: lightyellow;">单元格3</td>
<td style="background-color: lightpink;">单元格4</td>
</tr>
</table>
</body>
</html>
3、在JavaScript中动态创建和修改td元素。
<!DOCTYPE html>
<html>
<head>
<script>
function createTable() {
var table = document.getElementById("myTable");
var row = table.insertRow(-1);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
cell1.innerHTML = "单元格1";
cell2.innerHTML = "单元格2";
}
</script>
</head>
<body onload="createTable()">
<table id="myTable" border="1">
</table>
</body>
</html>
以上就是在HTML中设置td的一些常见方法，希望对你有所帮助！
原创文章，作者：K-seo，如若转载，请注明出处：https://www.kdun.cn/ask/318591.html
微信扫一扫 