在CSS中,边框和文字的排版是非常重要的。边框可以为元素提供可视化的框架,而上下文字的排版则可以让页面更加美观、易读。
/* 设置边框 */ border: 1px solid #000; /* 定义边框线和颜色 */ border-width: 2px 0; /* 设置上下边框的宽度为2px */ border-radius: 10px; /* 设置边框圆角 */ /* 上下文字排版 */ line-height: 1.5; /* 设置行高,增加行距 */ text-align: center; /* 居中对齐 */ padding-top: 20px; /* 上边距 */ padding-bottom: 20px; /* 下边距 */
上述代码演示了如何设置一个带有上下边框和居中文本的元素。可以看到,通过设置边框的线宽、颜色和圆角,可以定义出各种不同形态的边框。而在排版方面,设置行高和文本对齐方式以及上下边距可以让文本更加易读、美观。