cari

Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk mengalih keluar margin dari jadual dalam css

Bagaimana untuk mengalih keluar margin dari jadual dalam css

WBOY
WBOYasal
2021-12-08 15:21:143872semak imbas

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

Bagaimana untuk mengalih keluar margin dari jadual dalam css

本教程操作环境：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>

输出结果：

Bagaimana untuk mengalih keluar margin dari jadual dalam css

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

Atas ialah kandungan terperinci Bagaimana untuk mengalih keluar margin dari jadual dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

html5 css css3 border table
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Bagaimana untuk mengosongkan kiri dan kanan terapung dalam cssArtikel seterusnya：Bagaimana untuk mengosongkan kiri dan kanan terapung dalam css

Artikel berkaitan

Lihat lagi