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

css怎么做出灰色箭頭,CSS制作灰色箭頭的方法

前端小編 5 0

CSS制作灰色箭頭

在CSS中制作灰色箭頭,我們可以使用CSS的偽元素和線性漸變來實(shí)現(xiàn),下面是一個(gè)簡(jiǎn)單的示例代碼:

HTML結(jié)構(gòu):

<div class="arrow"></div>

CSS樣式:

.arrow {
  position: relative;
  width: 20px;
  height: 20px;
  background-image: linear-gradient(to right, #888, #888);
}
.arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: #888 #888 #888 transparent;
}
.arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: #888 #888 #888 transparent;
}

這個(gè)示例代碼會(huì)生成一個(gè)灰色的箭頭,箭頭的長(zhǎng)度和寬度都是20像素,我們使用偽元素::before::after來繪制箭頭的兩側(cè),通過調(diào)整border-widthborder-color屬性來控制箭頭的樣式,我們將整個(gè)箭頭元素設(shè)置為相對(duì)定位,以便它可以與其他元素進(jìn)行相對(duì)定位。

 
QQ在線咨詢
QQ咨詢
627619058
微信咨詢
hc16716
国产一级av国产免费_欧美丰满熟妇bbbbbb乱大交_日本少妇被黑人啪啪高潮_久久人人爽人人片
中文字幕 在线 中文乱码| 欧美日韩高清在线观看| 国产区激情区精品视频区一99| 欧美精品二| 亚洲精品suv| 国产免费av一区二区三区| 69精品人人槡人妻人人玩| 男女洗澡一边摸一边做视频| 国产又色又爽无遮挡免费动态图 | 丰满的熟女妇伦子伦69| 国产伦精品免编号公布| 欧美va亚洲| 欧美日韩在线免费观看| 中文字幕亚洲欧美日韩在线不卡| 亚洲a在线观看视频| 中文字幕乱码人妻一区二区三区四| 激情五月婷婷综合| 人妻夜夜| 色哟哟在线网站| 婷婷色综合| 国产成人亚洲精品乱码在线观看| 久久国产精品av| 日韩人妻一区二区| 波多野つ上司出差被中在线出| 一区二区三区视频| 日韩一区二区三区在线观看| 老妇乱肉俱乐部小说| 久久人人爽人人片| 97久精品国产片一区二区三区| 岛国精品久久久| 欧美福利一区二区三区 | 人人妻人人藻人人爽欧美一区 | 久久久久国产精品免费| 内射一区二区三区| 黄金网站app在线观看不下载| 夫の目前侵犯麻美中文字幕| 日韩av动漫| 精品69视频一区二区三区| 国精产品一区一区三区四区 | 丝袜三区| 少爷托着娇乳撞击娇吟|