css去掉下边框居中80%

CSS是网页设计中不可或缺的一部分，通过它我们可以控制网页的样式和布局。这里介绍一种常见的需求：去掉下边框并居中网页主体内容80%。

首先我们需要知道如何去掉下边框。下面是一个例子：

div {
   border-bottom: none;
}

我们通过设置border-bottom为none来去掉下边框。当然，也可以通过设置border: none来去掉四个边框。

接下来是如何居中网页主体内容。我们可以使用margin属性，例如：

.main {
   margin: 0 auto;
}

这里的0代表上下间距为0，auto代表左右间距为自动，也就是水平居中。但是，这样会使得整个网页主体内容居中，我们只需要居中80%即可。我们可以在.main选择器里面继续设置一个宽度属性：

.main {
   margin: 0 auto;
   width: 80%;
}

这样，我们就成功实现了去掉下边框并居中网页主体内容80%的效果。