“
pure-table”
类名用于在Pure.CSS中创建默认表。
默认情况下, 此类为表元素添加了填充和边框, 并强调了标题。
<
!DOCTYPE html>
<
html>
<
link rel="stylesheet"
href="https://unpkg.com/purecss@1.0.0/build/pure-min.css"
integrity="sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w"
crossorigin="anonymous">
<
table class="pure-table">
<
thead>
<
tr>
<
th>
Roll no.<
/th>
<
th>
Name<
/th>
<
th>
Age<
/th>
<
th>
Grade<
/th>
<
/tr>
<
/thead>
<
tbody>
<
tr>
<
td>
1<
/td>
<
td>
Rahul<
/td>
<
td>
22<
/td>
<
td>
A<
/td>
<
/tr>
<
tr>
<
td>
2<
/td>
<
td>
Rishi<
/td>
<
td>
21<
/td>
<
td>
A<
/td>
<
/tr>
<
tr>
<
td>
3<
/td>
<
td>
Ariana<
/td>
<
td>
20<
/td>
<
td>
C<
/td>
<
/tr>
<
/tbody>
<
/table>
<
/html>
立即测试
【Pure.CSS默认表格示例】输出
文章图片
推荐阅读
- Pure.CSS禁用输入元素
- Pure.CSS默认表单示例
- Pure.CSS Checkboxex和单选输入
- Pure.CSS边框表格用例
- 如何使用Pure.CSS
- Pure.CSS对齐表单
- 如何创建宽度为100%的表格,并在HTML表格主体内部垂直滚动()
- 如何用粘性table头制作Bootstrap表()