色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

html標題背景色？

CSS
夏志豪2年前9瀏覽0評論

我如何使這個數字成為標題(H3)的背景色？ 我正在使用Wordpress，我想讓我的產品標題1/2/3/4帶有背景色。

請幫我做這個。

enter image description here

這里有一個讓你開始的例子。 這里的主要技巧是計數器的使用。

計數器復位 反增量 計數器()

section {
  counter-reset: test;
}

section h3 {
  counter-increment: test;
  position: relative;
  padding-left: 40px;
}

section h3::before {
  content: counter(test) ".";
  position: absolute;
  top: -4px;
  left: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: green;
  color: white;
}

<section>
  <h3>Section 1 Title 1</h3>
  
  <h3>Section 1 Title 2</h3>
  
  <h3>Section 1 Title 3</h3>
</section>

<section>
  <h3>Section 2 Title 1</h3>
</section>