站长资讯网
最全最丰富的资讯网站

css怎样设置表格外边框加粗

在css中,可以使用border属性设置表格外边框加粗,只需要给表格table元素添加“border:边框宽度 solid 边框颜色值;”样式即可,边框宽度值越大,外边框越粗。

css怎样设置表格外边框加粗

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

css设置表格外边框加粗的方法

可以利用border属性设置table外边框的宽度,border 简写属性在一个声明设置所有的边框属性。

示例代码如下:

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <meta http-equiv="X-UA-Compatible" content="ie=edge">     <title>Document</title> </head> <body>     <style type="text/css">     .mytable{         width:400px;         height:150px;         border:10px solid #000;     }     </style>     <table border="1" class="mytable">         <tr><td>aaa</td><td>bbb</td></tr>         <tr><td>ccc</td><td>ddd</td></tr> </table> </body> </html>

输出结果:

css怎样设置表格外边框加粗

(学习视频分享:css视频教程)

赞(0)
分享到: 更多 (0)