文章詳情頁
前端 - 集思廣益,如何用CSS實(shí)現(xiàn)數(shù)字上面有一個(gè)點(diǎn)
瀏覽:195日期:2023-07-04 18:20:16
問題描述
就像簡(jiǎn)譜一樣的那種。css上劃線的那種,容易出現(xiàn)很多點(diǎn)或橫線,并不適用
問題解答
回答1:需要加點(diǎn)的數(shù)字單獨(dú)一個(gè)元素,然后用before或after偽元素實(shí)現(xiàn)。
<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:
簡(jiǎn)單點(diǎn)的你就用圖片,然后匹配顯示,該不會(huì)出現(xiàn)兼容等問題
標(biāo)簽:
CSS
排行榜

熱門標(biāo)簽