antdtable设置表格⼀个单元格的字体颜⾊_table表格<table>标签定义HTML表格。关于table 我们需要认识它的⼀些内嵌标签有:
<th>,定义表标头,默认情况下标头为粗体且居中。html表格内外边框颜
<tr>,定义表格的每⼀⾏。
<td>,定义表格的数据单元格。
因为是表格,我们需要每⼀⾏的单元格都是⼀样的数量,然后我们可以指定每个单元格的宽⾼。
简单⼩实例:
<!DOCTYPE html>
<html>
<head>
<title>表格</title>
<style>
table{
/* border-collapse:collapse; */
}
td{
width: 100px;
height:50px;
text-align: center;
}
</style>
</head>
<body>
<!-- cellpadding属性设置表格边框之间和表格单元格之间的间距,cellspacing属性设置单元格中的信息四周的间距(两者都是以像素为单位)--> <table border="1" cellpadding="0" cellspacing="0">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
</body>
</html>
定义表标头 <th>:th 的多少对应表格的列数
<th>第⼀列</th>
<th>第⼆列</th>
<th>第三列</th>
定义表格标题 <caption>:⽐如我们要给上⾯表格⼀个标题的话,我们就需要⽤到这个标签属性
<caption >数字表</caption>
动⼿⼩练习
1. 编写⼀个5*5的表格
2. 在第⼀个简单表格的基础上,给表格添加⼀个标题(设置颜⾊,定义字体⼤⼩,粗细等样式)
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论