在css中,可以利用“border-style”屬性讓table元素去掉邊框,該屬性的作用就是設(shè)置元素的邊框樣式,當(dāng)屬性的值為“none”時(shí),會(huì)去掉元素的邊框,語(yǔ)法為“表格元素{border-style:none;}”。
本教程操作環(huán)境:windows10系統(tǒng)、css3&&html5版、dell g3電腦。
css怎樣讓table去掉邊距
在css中,想要去掉table元素的邊框,可以利用border-style屬性,該屬性的作用就是設(shè)置元素的邊框樣式,想要去掉元素的邊框樣式只需要將屬性值設(shè)置為none即可。
示例如下:
<!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> <style> table,td{ border-style:none; } </style></head><body><table border=\”1\”> <tr> <td>month</td> <td>savings</td> </tr> <tr> <td>january</td> <td>$100</td> </tr></table></body></html>
輸出結(jié)果:
(學(xué)習(xí)視頻分享:css視頻教程)