疑似要素を使った文頭記号

よく使うのでメモ。

• りんご
• なし
• もも

li:before {
  border-top: 1px solid #777;
  border-right: 1px solid #777;
  content:"";
  height:5px;
  width:5px;
  transform:rotate(-45deg);
  display:inline-block;
  margin-right:10px;
  margin-bottom:0;
}

• りんご
• なし
• もも

li:before {
  border: 4px solid transparent;
  border-left: 4px solid #777;
  content: "";
  display: inline-block;
  height: 0;
  width: 0;
}