文章詳情頁
前端 - 集思廣益,如何用CSS實現數字上面有一個點
瀏覽:165日期:2023-07-04 18:20:16
問題描述
就像簡譜一樣的那種。css上劃線的那種,容易出現很多點或橫線,并不適用
問題解答
回答1:需要加點的數字單獨一個元素,然后用before或after偽元素實現。
<span>5</span><style> span {position: relative;font-weight: 800;font-size: 6rem; }span::before {position: absolute;content: ’’;top: -0.5rem;left: 50%;margin-left: -0.5rem;width: 1rem;height: 1rem;border-radius: 0.5rem;background-color: #000; }</style>回答2:
簡單點的你就用圖片,然后匹配顯示,該不會出現兼容等問題
標簽:
CSS
排行榜
