文本边框(单边)

效果如下:

瓜皮之牙


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

<div class="left-border" style="font-size:20px;"> 瓜皮之牙 </div>