在css中,可以使用border屬性設(shè)置表格外邊框加粗,只需要給表格table元素添加“border:邊框?qū)挾?solid 邊框顏色值;”樣式即可,邊框?qū)挾戎翟酱?,外邊框越粗?/p>
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css設(shè)置表格外邊框加粗的方法
可以利用border屬性設(shè)置table外邊框的寬度,border 簡寫屬性在一個聲明設(shè)置所有的邊框?qū)傩浴?/p>
示例代碼如下:
<!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>
輸出結(jié)果:
(學(xué)習(xí)視頻分享:css視頻教程)