在页面底部放置一个100像素的边框

Question

下面的CSS在页面顶部创建一个100像素的高边框。当用户向下滚动到窗口底部时，我怎么能在页面底部做同样的事情？ （页面底部距离浏览器窗口底部边缘约2000像素。）

body {
   border-top: 100px solid #DE2A00;
   margin: 0;
   padding: 0;
   }

Answer 1

您是否尝试将相同的声明添加到底部边框？

body {
   border-top: 100px solid #DE2A00;
   border-bottom: 100px solid #DE2A00;
   margin: 0;
   padding: 0;
}

Answer 2

将border-bottom: 100px solid #DE2A00;添加到正文。