css3页面居中代码 |css border 使用

水平居中可以使用以下代码：

.element {
width: 50%;
margin: 0 auto;
}

这段代码将元素的宽度设置为50%，然后将左右外边距设置为auto，这样就可以将元素水平居中。

如果要实现垂直居中，则可以使用以下代码：

.parent {
display: flex;
justify-content: center;
align-items: center;
}

这段代码将元素的父级容器设置为flex布局，并将水平和垂直方向都居中。

如果需要将一个绝对定位的元素居中，可以使用以下代码：

.absolute {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

这段代码将元素的位置设置在页面的中心点，然后使用transform属性将元素向左、向上移动50%。

可以看到，在CSS3中实现页面元素居中非常方便，只需要简单的几行代码就可以实现。无论是水平居中、垂直居中还是绝对定位元素的居中，都可以使用CSS3轻松地实现。