国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片

在css里怎么設(shè)置小圖標(biāo),CSS設(shè)置小圖標(biāo),方法與示例

前端小編 8 0

在CSS中設(shè)置小圖標(biāo),我們可以使用多種方法,以下是一種常見的方法,使用CSS的偽元素和背景圖像來(lái)實(shí)現(xiàn)。

我們需要在HTML中創(chuàng)建一個(gè)包含小圖標(biāo)的元素,例如一個(gè)div元素,我們可以使用CSS為該元素添加偽元素,例如::before::after,并將背景圖像設(shè)置為小圖標(biāo)。

以下是一個(gè)示例CSS代碼,用于將一個(gè)名為icon.png的小圖標(biāo)添加到div元素的左側(cè):

div {
  position: relative;
}
div::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-image: url("icon.png");
  background-size: contain;
}

在上面的代碼中,div元素被設(shè)置為相對(duì)定位,以便其偽元素可以相對(duì)于它進(jìn)行定位,偽元素::before被設(shè)置為***定位,并放置在div元素的左側(cè),它的寬度和高度都被設(shè)置為20像素,以適應(yīng)小圖標(biāo)的大小,背景圖像icon.png被設(shè)置為小圖標(biāo)的來(lái)源,并使用background-size屬性將其大小調(diào)整為適應(yīng)偽元素的大小。

通過(guò)這種方式,我們可以在CSS中輕松地設(shè)置小圖標(biāo),并將其添加到任何需要的位置。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
三年在线观看免费大全哔哩哔哩| 日韩午夜激情| 欧美日韩在线观看一区二区| 一区二区三区内射| 狠狠内射| xx日本少妇| 91精品人妻一区二区三区果冻| 91欧美激情一区二区三区| 久久精品99国产| 欧美3p激情一区二区三区猛视频| 性色av色香蕉一区二区| 永久免费看黄片视频在线观看| 人妻黑人ntr黑人社长的超激| 在线观看黄色片网站| 国产性猛交xxxx乱大交第1集| 亚洲激情综合在线| 日本xxxx护士高潮hd| 裸体女人高潮毛片扒开一一区| 免费无遮挡的视频网站| 精品久久久久久久| 国产精品二区在线| 中文字幕精品一二三四五六七八 | 精品人妻一区二区三区四区在线一| 日韩欧美一区二区三区免费观看| 国产一区二区三区视频播放| 精品少妇一区二区三区在线播放| 久久人妻精品一区二区| 欧美性猛交xxxxx乱大交3免费 | 亚洲av午夜精品| 啊av在线| 一部一直喷奶水的av番号| av一区二区三区| 国产精品乱码久久| 亚洲国产精品尤物yw在线观看| 亚洲AV无码乱码在线观看性色 | 国产精品久久av| 亚洲国产精品无码久久| 国产精品一二三区成毛片视频 | 人妻首页| 午夜福利视频一区二区| 久久久久亚洲精品中文字幕|