CSS上下頁邊距的設(shè)置方法

在CSS中，我們可以使用margin屬性來設(shè)置上下頁邊距。margin屬性可以接收具體的數(shù)值，如像素、毫米等，也可以接收相對(duì)值，如百分比等，下面是一些示例：

1、設(shè)置上下頁邊距為20像素：

body {
  margin-top: 20px;
  margin-bottom: 20px;
}

2、設(shè)置上下頁邊距為10毫米：

body {
  margin-top: 10mm;
  margin-bottom: 10mm;
}

3、設(shè)置上下頁邊距為屏幕高度的5%：

body {
  margin-top: 5%;
  margin-bottom: 5%;
}

需要注意的是，margin屬性的值可以設(shè)置為負(fù)數(shù)，表示上下頁邊距為負(fù)數(shù)，即頁面內(nèi)容會(huì)超出屏幕邊界。margin屬性還可以設(shè)置為auto，表示瀏覽器會(huì)自動(dòng)計(jì)算上下頁邊距，使頁面內(nèi)容在屏幕中居中顯示。