Alt-k
5/13/2020 - 2:32 AM

リストデザイン（先頭に丸付き）

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

index.html
content_copyfile_download
<ul class="text_list">
              <li>箇条リスト</li>
              <li>箇条リスト</li>
              <li>箇条リスト</li>
            </ul>
style.css
content_copyfile_download
.text_list li {
	position: relative;
	padding: 0 0 0 2rem;
}
.text_list li::after {
  display: block;
  content: '';
  position: absolute;
  top: .3em;
  left: 0;
  width: 13px;
  height: 13px;
  background-color: #0ba95f;
  border-radius: 100%;
}