在CSS中,可以使用偽元素和CSS樣式來在框里添加加減號,以下是一個示例代碼:
HTML代碼:
<div class="box"> <div class="plus">+</div> <div class="minus">-</div> </div>
CSS代碼:
.box { position: relative; width: 100px; height: 100px; border: 1px solid #000; } .plus, .minus { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 20px; height: 20px; border: 1px solid #000; border-radius: 50%; } .plus { background-color: #f00; } .minus { background-color: #0f0; }
在這個示例中,我們創(chuàng)建了一個帶有加減號的框,我們設(shè)置了一個相對定位的框,并給出了寬度和高度,我們?yōu)榧訙p號設(shè)置了***定位,并使其居中于框內(nèi),我們?yōu)榧訙p號添加了邊框和背景顏色,加減號的背景顏色不同,以便更容易區(qū)分它們。
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。