{"id":570,"date":"2021-11-11T00:51:41","date_gmt":"2021-11-10T15:51:41","guid":{"rendered":"https:\/\/www.tokyo1970.com\/web\/?p=570"},"modified":"2021-11-11T00:51:41","modified_gmt":"2021-11-10T15:51:41","slug":"css%e3%81%a7%e2%91%a0%e3%81%a8%e3%81%8b%e2%97%8b%e3%81%ae%e4%b8%ad%e3%81%ab%e6%95%b0%e5%ad%97%e3%81%a7ol","status":"publish","type":"post","link":"https:\/\/tokyo1970.com\/web\/?p=570","title":{"rendered":"css\u3067\u2460\u3068\u304b\u25cb\u306e\u4e2d\u306b\u6570\u5b57\u3067ol"},"content":{"rendered":"
\n
    \n
  1. aaa<\/a><\/li>\n
  2. ggg<\/a><\/li>\n
  3. zzz<\/a><\/li>\n<\/ol>\n<\/div>\n

    html<\/p>\n

    \n<div class="crt_page">\n<ol>\n<li><a nohref="#" \/>aaa<\/a><\/li>\n<li><a nohref="#" \/>ggg<\/a><\/li>\n<li><a nohref="#" \/>zzz<\/a><\/li>\n<\/ol>\n<\/div>\n<\/pre>\n
    css<\/p>\n
    \nol {\n  counter-reset: my-counter;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\nli {\ndisplay:inline-block;\n  font-size: 16px;\n  line-height: 1.5;\n  padding-left: 30px;\n  position: relative;\nmargin:0 10px\n}\n\nli:before {\n  content: counter(my-counter);\n  counter-increment: my-counter;\n  background-color: #ff0000;\n  border: 1px solid;\n  border-radius: 50%;\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 22px;\n  width: 22px;\n  color: #ffffff;\n  font-size: 85%;\n  line-height: 1;\n  position: absolute;\n  top: 0;\n  left: 0;\n}\n<\/pre>\n
    \u52c9\u5f37\u3055\u305b\u3066\u8cb0\u3063\u305f\u30b5\u30a4\u30c8<\/h3>\n