css设置table不要边框

css设置table不要边框

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html,编写基础代码。

2、在index.html中的<style>标签中,输入css代码:table{border:none;} td {padding: 0}

<!DOCTYPE html>
<html>
    
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    <style>
        .top22{
            width: 370px;
            border: none;
        }
        td{
            padding: 0;
        }
    </style>
    </head>
    
    <body >
        <table>
            <tr>
                <td>1</td>
                <td>2</td>
            </tr>
            <tr>
                <td>3</td>
                <td>4</td>
            </tr>
        </table>
    </body>

</html>

3、浏览器运行index.html页面,此时成功用css去除了表格的边框和边距。

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

以上就是css设置table不要边框的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读