css只有中间显示边框 |h5 css3从零基础

代码如下：
.element {
width: 80%; /* 设置元素的宽度 */
margin: 0 auto; /* 将元素居中 */
border: 1px solid #000; /* 设置元素的边框 */
background-color: #fff; /* 设置元素的背景色 */
box-sizing: border-box; /* 设置元素宽度为内容+边框，避免边框会导致元素溢出 */
padding: 20px; /* 设置元素内边距，避免内容与边框过于接近 */
}

以上代码中，首先设置了元素的宽度为80%并使其居中显示。这个元素有一个黑色的1像素粗边框和白色的背景色。进一步描述，将元素的盒模型设置为“边框盒模型”，即box-sizing属性设置为border-box，以避免边框超出元素宽度的情况发生。最后，给元素设置了20像素的内边距，使得元素内容与边框之间保持一定的距离。

通过这种方式，大家就可以实现只在元素中间显示边框的效果。这种效果看起来更加优美，使得页面更加舒适。