av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

css - 邊框凹陷效果怎么實現

瀏覽:115日期:2023-07-16 15:56:50

問題描述

css - 邊框凹陷效果怎么實現

如圖這種凹陷效果的分割線,用css3怎么實現

問題解答

回答1:

box-shadow:0 1px 0 rgba(0,0,0,.2) inset,0 -1x 0 rgba(255,255,255,.2) inset;交換1px與-1px可以凸起;高亮和暗邊是半透明了;不用考慮顏色了;

回答2:

嗯,謝謝 @golden_freeman_china 的提示。

box-shadow: inset 0 -1px 0 rgba( 255, 255, 250, 0.6), inset 0 -2px 0 rgba( 0, 0, 0, 0.1);回答3:

:before,:after{ border:1px solid yellow;

}

偽元素配合兩個border就可以實現,兩個border的顏色是關鍵

標簽: CSS
相關文章:
主站蜘蛛池模板: 精品国产乱码久久久久久中文 | 久久久妇女国产精品影视 | 欧美成人在线影院 | 日韩欧美大片在线观看 | 中日韩欧美一级片 | 亚洲精品视频在线看 | 一区二区三区高清 | 午夜一区 | 国产综合在线视频 | 国产欧美精品一区二区三区 | 欧美日韩国产不卡 | 色视频免费 | 少妇午夜一级艳片欧美精品 | 亚洲www| 成人免费在线 | 宅男伊人 | 成人精品在线观看 | 国产一区二区三区四区五区加勒比 | 亚洲国产精品一区二区三区 | 中文字幕视频在线观看 | 日操操 | 亚洲精品一区二区三区蜜桃久 | 久久精品视频12 | 亚洲精品中文字幕av | 国产一区二区三区四区区 | 欧美日韩一区精品 | 777毛片| 欧美一区二区三区日韩 | 伊人影院在线观看 | 美日韩视频 | 久久精品国产久精国产 | 亚洲欧美一区二区三区1000 | 日韩视频区| 亚洲综合一区二区三区 | 婷婷激情五月网 | 亚洲精品一区二区在线观看 | 91久久精品日日躁夜夜躁国产 | 毛片一级片 | 国产精品一区二区三区在线 | 亚洲成人中文字幕 | 久久99精品久久久久久狂牛 |