Pure.CSS默认表格示例

“ 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默认表格示例

文章图片

    推荐阅读