欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

css 自定义表格(table)样式

程序员文章站 2022-07-14 08:46:21
...

1.效果预览

css 自定义表格(table)样式

2.代码片段

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>testing</title>
</head>
<style type="text/css">
    table { 
        width: 300px; 
        border-bottom: 2px solid #ff0000; 
        border-right: 2px solid #ff0000; 
    }
    table th,table td { 
        border-left: 2px solid #ff0000; 
        border-top: 2px solid #ff0000; 
        font-weight: normal; 
        padding: 1px; 
    }
</style>
<body>
<table cellpadding="0" cellspacing="0">
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>11</td>
        <td>22</td>
        <td>33</td>
    </tr>
</table>
</body>
</html>

 

转载于:https://my.oschina.net/antsky/blog/829906