Heim > Artikel > Web-Frontend > So entfernen Sie Ränder aus einer Tabelle in CSS

So entfernen Sie Ränder aus einer Tabelle in CSS

WBOYOriginal: 2021-12-08 15:21:143803Durchsuche

在css中，可以利用“border-style”属性让table元素去掉边框，该属性的作用就是设置元素的边框样式，当属性的值为“none”时，会去掉元素的边框，语法为“表格元素{border-style:none;}”。

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

css怎样让table去掉边距

在css中，想要去掉table元素的边框，可以利用border-style属性，该属性的作用就是设置元素的边框样式，想要去掉元素的边框样式只需要将属性值设置为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>

输出结果：

So entfernen Sie Ränder aus einer Tabelle in CSS

（学习视频分享：css视频教程）

Das obige ist der detaillierte Inhalt vonSo entfernen Sie Ränder aus einer Tabelle in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

html5 css css3 border table

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：So löschen Sie das schwebende Links- und Rechts-Floating in CSSNächster Artikel：So löschen Sie das schwebende Links- und Rechts-Floating in CSS

In Verbindung stehende Artikel

Mehr sehen