#利用background实现多行文本list-style
直接上完整代码:
/*样式*/
p{
text-indent: -20px; /*这个属性是超级重点*/
}
p:first-letter{
background-image:url(img/listPoint.png);
background-repeat: no-repeat;
background-position:5px 50%;
padding-left: 20px;
}
<!--html-->
<p>
<dfn>Youth is not a time of life; it is a state of mind; it is not a matter of rosy cheeks, red lips and supple knees; it is a matter of the will, a quality of the imagination, a vigor of the emotions; it is the freshness of the deep springs of life.
</dfn>
</p>
实现效果: