CSS按鈕前面代表單怎么設(shè)置?
在CSS中,我們可以使用偽元素來(lái)在按鈕前面添加代表單,偽元素可以讓我們?cè)诓恍薷腍TML結(jié)構(gòu)的情況下,為頁(yè)面添加一些裝飾性的內(nèi)容。
我們需要?jiǎng)?chuàng)建一個(gè)按鈕,可以使用HTML的button元素或者div元素來(lái)創(chuàng)建,我們可以使用CSS的偽元素::before來(lái)在按鈕前面添加代表單。
下面的代碼會(huì)在按鈕前面添加一個(gè)代表單的圖標(biāo):
<button class="my-button">點(diǎn)擊我</button>
.my-button::before { content: "??"; position: relative; left: -20px; }
在上面的代碼中,我們使用了content屬性來(lái)添加代表單的圖標(biāo),使用position屬性來(lái)設(shè)置代表單的位置,使用left屬性來(lái)調(diào)整代表單與按鈕之間的距離。