text 带有CSS BEFORE列表点的彩色列表标记

Posted 2021-05-02

li::before
{content: "•"; color: red;
display: inline-block; 
width: 1em;
margin-left: -1em
/*Margin left is VERY important to mimic list-style-position:outside*/
}

content: "\25a0";  --> large square
content: "\25AA";  --> small square
content: "\21e2"; --> dotted Arrow right
content: "\2794"; -- heavy arrow right