CSS 删除页面周围的边距

在网页制作过程中，我们可能需要去掉页面周围的默认边距（margin），以实现更合适的页面效果。本文将介绍如何使用 CSS 去除页面周围的边距。

1. 对整个页面去边距

要去除整个页面的默认边距，有两种方法：

方法一：使用 CSS 重置文件

我们可以使用 CSS Reset 文件，将所有元素的边距、内边距、列表项的默认样式等全部重置，以实现去边距的效果。

在 HTML 页面中引入 CSS Reset 文件：

<link rel="stylesheet" type="text/css" href="reset.css">

其中，reset.css 是 CSS Reset 文件的路径。

方法二：设置 body 元素的 margin 和 padding

我们可以直接对页面的 body 元素设置边距和内边距为 0，以去除页面周围的默认边距：

body {
    margin: 0;
    padding: 0;
}

2. 对部分元素去边距

有时候，我们可能只需要去除某些元素的默认边距，而不是整个页面的边距。这时，可以给这些元素单独设置 margin 和 padding，将其值设为 0。

例如，如果我们想要去掉 header 和 footer 元素的默认边距，可以这样写 CSS：

header, footer {
    margin: 0;
    padding: 0;
}

注意，如果我们只想去掉某一个方向的边距，比如只去掉上边距，可以这样写：

header {
    margin-top: 0;
}

结语

以上就是如何使用 CSS 去除页面周围的默认边距的方法。通过重置整个页面或者对部分元素设置边距，可以实现更灵活的页面布局效果。