如何在標題（H3）中制作此數字背景顏色？我正在使用 Wordpress，我想讓我的產品標題為 1/2/3/4 的背景色。請幫我做這個。 在此處輸入圖片說明
uj5u.com熱心網友回復：
這是一個讓您入門的示例。
這里的主要技巧是使用counters.
- 反復位
- 反增量
- 柜臺（）
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>
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/358715.html
標籤：php html css WordPress的 标题