table表格可以设置的样式

这篇博客介绍了如何使用CSS对HTML表格进行样式设置,包括表格边框、单元格间距、字体大小、颜色、背景色以及鼠标悬停效果。通过定义`.table`类,实现了表格全宽度、居中对齐和统一的边框风格。表格头和表格体的样式分别进行了定制,当鼠标悬停在行上时,行背景色会改变,提高了用户体验。
摘要由CSDN通过智能技术生成

<div class="table">

<thead>

<tr>

<th></th>

</tr>

</thead>

<tbody>

<tr>

<td></td>

</tr>

</tbody>

</div>

 

.table{

    display: table;

    border: 1px solid #EBEEF5;

    width: 100%;

    border-collapse: collapse;

    border-spacing: 0;

    clear: both;

    margin-top: 6px;

    margin-bottom: 6px;

    text-align: center;

    font-size: 14px;

    color: #909399;

    thead{

        display: table-header-group;

        vertical-align: middle;

        border-color: inherit;

        tr {

            display: table-row;

            vertical-align: inherit;

            border-color: inherit;

            th{

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值