去除DIV块重复边框
1. div
成果:
<ul class="infinite-list bottom" style="overflow: auto">
<li
v-for="i in 5"
:key="i"
class="infinite-list-item card dfcsb"
>
<div class="card-left">
<div class="card-time">2024/02/02</div>
<div class="card-pro">植树造林</div>
</div>
<div class="card-right">
<i
class="el-icon-check"
@click="onSubmitPro"
style="margin: 0 10px"
></i>
<i class="el-icon-close" @click="onClosePro"></i>
<i
class="el-icon-edit"
@click="onAddEditPro('edit')"
style="margin: 0 10px"
></i>
<i class="el-icon-delete" @click="onDelPro"></i>
</div>
</li>
</ul>
<style scoped lang="scss">
.bottom {
flex: 1;
margin-top: 20px;
.card {
border: 50px solid #cecccc;
margin-bottom: -50px;
padding: 10px;
.card-left {
.card-time {
margin-right: 10px;
}
}
}
}
</style>
2. 表格 table
<style>
table{
border-collapse:collapse;
}
table, td, th {
border:1px solid black;
}
</style>