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

css怎么寫小圖標,CSS打造小圖標指南

前端小編 10 0

寫小圖標在CSS中通常使用偽元素或字體圖標,以下是使用偽元素創(chuàng)建小圖標的示例:

.icon {
  width: 20px;
  height: 20px;
  background-color: #000;
  position: relative;
}
.icon::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 20px;
  background-color: #fff;
}

在這個示例中,我們創(chuàng)建了一個帶有圓形背景和一個小矩形的圖標,我們定義了一個名為.icon的類,并設(shè)置其寬度和高度為20像素,我們使用偽元素::before::after來創(chuàng)建圓形背景和小矩形。::before偽元素用于創(chuàng)建圓形背景,::after偽元素用于創(chuàng)建小矩形,通過調(diào)整top、left、widthheight屬性,我們可以輕松地移動和調(diào)整圖標的位置和大小。

除了使用偽元素創(chuàng)建小圖標外,我們還可以使用字體圖標庫,例如Font Awesome或Glyphicons,這些字體圖標庫提供了許多預(yù)定義的圖標,可以輕松地添加到我們的網(wǎng)站中,使用字體圖標庫的好處是,它們可以輕松地調(diào)整大小和顏色,并且可以在任何文本中使用。

CSS提供了多種創(chuàng)建小圖標的方法,我們可以根據(jù)自己的需求選擇***適合的方法。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
日日干夜夜爽| 久久熟女五十路| 人人妻人人爽人人澡欧美二区 | 欧美一区二区三区在线视频播放| 亚洲av高清在线观看| 成人精品一区二区三区电影黑人| 国产三级久久久久| 真人高清实拍女处被破的视频软件 | 少妇扒开双腿猛烈进入| 丰满少妇高潮一区二区| 已婚少妇美妙人妻系列视频| 亚洲av乱码一区二区三区老胖妞| 国产又粗又猛又爽又黄的视频一区| 性生大片免费看| 欧美成人一区二区三区| 精品日韩人妻| 国产免费av大片| gogogo高清在线观看中国| 性色AV浪潮AV色欲AV一区| 欧美精品一区二区三区久久 | 最近2019中文字幕大全视频10 | 国产freexxxx性麻豆古装| 天天操天天射综合网| 亚洲日韩精品一区二区三区| 久久久成人av| 国产精品久久久久久久娇妻| 国产精品大屁股av在线播放| JAPANESE丰满人妻HD| 凹凸69堂国产成人精品| 国产欧美日韩在线观看一区二区三区| 亚洲成a人片在线观看久| 国产激情内射| 亚洲av午夜| 国产精品久久久久久久海的味av | 精品国产乱码久久久久久1区2区-亚洲 | 又粗又长又硬又大又爽α片| 国产精品欧美激情| 美足丝袜脚交一区二区三区 | ass日本少妇高潮pics| 乱人伦精品| 午夜精品福利一区二区|