Pure.CSS边框表格用例表格|Pure.CSS

“ 纯表格边框” 类名称用于< table> 元素, 以向所有单元格添加水平和垂直边框。
例：

< !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 pure-table-bordered"> < 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边框表格用例】立即测试
输出