css中文字撑起外边框 |css参考手册4.2.0

.box {
border: 1px solid #000;
padding: 10px;
box-sizing: border-box;
}
.box p {
margin: 0;
line-height: 1.5;
}
.box p:last-child {
margin-bottom: 0;
padding-bottom: 10px; /*容器底部留白*/
border-bottom: 1px solid #000;
}

首先，大家创建一个容器元素并设置边框和内边距。需要注意的是，大家使用了box-sizing属性设置为border-box，这样内边距和边框就不会撑开容器。

然后，在容器内部创建p元素，并设置其margin为0。接着，大家设置p元素的行高为1.5，这样可以使它们看起来更宽松。

最后，大家选中最后一个p元素，并添加下边框以及底部的padding。这样就可以达到文字撑起外边框的效果了。

总结来说，通过合理运用CSS属性，可以轻松实现文字撑起外边框的效果，让页面更具有视觉效果。