前端 - 集思廣益，如何用CSS實現數字上面有一個點

問題描述

就像簡譜一樣的那種。css上劃線的那種，容易出現很多點或橫線，并不適用

問題解答

需要加點的數字單獨一個元素，然后用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：

簡單點的你就用圖片，然后匹配顯示，該不會出現兼容等問題