Alt-k
11/29/2019 - 9:59 AM

リストアイコン（ダイヤ）

【参考サイト】 https://www.nxworld.net/tips/no-image-css-list-icon.html

sytle.css
content_copyfile_download
ul li {
  position: relative;
}
ul li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: 6px;
  height: 6px;
  background-color: #3498db;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* リセットパターン */
.list_number {
  counter-reset: listNum;
}

.list_number > li::before {
  counter-increment: listNum;
  content: "(" counter(listNum) ")";
}