css表格行间距怎么设置

css表格行间距怎么设置

border-spacing属性设置相邻单元格的边框间的距离(仅用于“边框分离”模式)。后面的50px就是设置间距的大小

<!DOCTYPE html>
<html>
    
    <head>
        <meta charset="UTF-8" />
        <title>Document</title>
        <style>
            table{ 
                border-collapse:separate; 
                border-spacing:10px 50px; 
            }
        </style>
        </head>
    
    <body>
        <table>
            <tbody>
                <tr>
                    <th>学科</th>
                    <th>成绩</th></tr>
                <tr>
                    <td>语文</td>
                    <td>100</td></tr>
                <tr>
                    <td>数学</td>
                    <td>100</td></tr>
            </tbody>
        </table>
    </body>

</html>

效果

Snipaste_2019-12-14_16-55-55.jpg-600

更多CSS相关技术文章,请访问CSS3答疑栏目进行学习!

以上就是css表格行间距怎么设置的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑