<body>
<!-- bootstrap的table类
table-primary 表格颜色也可以加在table/tr/thead/tbody/td
table-strap条形纹 可以隔行变色,不受背景色影响
table-hover 鼠标悬停着重色 加在hover
table-bordered 加边框
border-danger 加边框颜色
-->
<table class="table table-primary table-striped table-hover table-bordered border-success">
<!-- 表头会自己让文字和背景形成对比,深色背景就是白色字,
白色背景就是深色文字 -->
<thead class="table-dark" >
<tr>
<td >id</td>
<td>品牌</td>
<td>标题</td>
<td>价格</td>
<td>编辑</td>
</tr>
</thead>
<tbody >
<tr>
<td>1</td>
<td>戴尔</td>
<td>MS116 鼠标有线</td>
<td>¥19.90</td>
<td>
<button>编辑</button>
<button>删除</button>
</td>
</tr>
<tr>
<td>2</td>
<td>华为</td>
用bootstrap创建表格
最新推荐文章于 2024-05-19 13:56:53 发布