文字容器美化
你好,世界!
HTML代码:
<div class="card left-border" style="width: 28rem;">
你好,世界!
</div>

CSS代码:
<style>
.left-border {
border-left: 10px solid #C5E2D3 ; /* 设置边框宽度,颜色为蓝色 */
padding-left: 15px; /* 设置左侧边距 */
padding-top: 10px; /* 设置内容上边距 */
padding-bottom: 10px; /* 设置内容下边距 */
background-color: #F9F9F9 ; /* 设置内容背景色为浅灰色 */
}
</style>