设置table,th,td的边框为颜色为#CCC,实心,大小为1pX
时间: 2024-10-06 12:03:38 浏览: 37
Html_的table_边框设置
4星 · 用户满意度95%
要在HTML和CSS中设置表格、表头单元格(th)和数据单元格(td)的边框为颜色 #CCC (浅灰色),实线样式,宽度为1像素,你可以这样做:
首先,在HTML中定义你的表格结构:
```html
<table border="1" style="border-color: #CCC;">
<thead>
<tr>
<th></th> <!-- 用于添加边框 -->
<th>标题1</th>
<th>标题2</th>
</tr>
</thead>
<tbody>
<tr>
<td>行1列1</td>
<td>行1列2</td>
</tr>
<!-- 其他行... -->
</tbody>
</table>
```
接着,在外部的CSS文件或者`<style>`标签中,为所有表格元素设置边框样式:
```css
table,
th,
td {
border: 1px solid #CCC;
}
```
这将会统一应用到所有的`<table>`、`<th>`和`<td>`元素,它们的边框都会是1像素宽的实线灰色。
阅读全文