css去也没页眉页脚

在网页设计中，页眉和页脚是很重要的部分，它们可以让网站看起来更整洁和专业。但有时候我们也会遇到一些情况，需要去掉网页的页眉或页脚，比如制作单独的页面或者需要打印的页面。下面就来介绍如何使用CSS去除网页的页眉或页脚。

  
    //去掉页眉
    @media print {
      @page { margin-top: 0; }
      body { margin-top: 2cm; }
    }

    //去掉页脚
    @media print {
      @page { margin-bottom: 0; }
      body { margin-bottom: 2cm; }
    }
    
    //同时去掉页眉和页脚
    @media print {
      @page { margin: 0; }
      body { margin: 2cm; }
    }
  

上面的代码使用@media print来指定打印样式，可以使网页在打印时去掉页眉和页脚。其中@page用来设置页面的打印属性，margin-top表示页眉的高度，margin-bottom表示页脚的高度，通过将它们设置为0可以把页眉或页脚去掉。而body的margin属性则用来调整打印内容与纸张的距离。

如果需要同时去掉页眉和页脚，可以将@page中的margin属性设置为0，同时将body的margin属性设置为需要的值。这样即使在分页时也能保证网页的整洁。