文章詳情頁(yè)
css - 邊框凹陷效果怎么實(shí)現(xiàn)
瀏覽：117日期：2023-07-16 15:56:50
問(wèn)題描述
如圖這種凹陷效果的分割線，用css3怎么實(shí)現(xiàn)
問(wèn)題解答
回答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;
}
偽元素配合兩個(gè)border就可以實(shí)現(xiàn)，兩個(gè)border的顏色是關(guān)鍵
標(biāo)簽：
CSS
相關(guān)文章：
1. windows誤人子弟啊2. php傳對(duì)應(yīng)的id值為什么傳不了啊有木有大神會(huì)的看我下方截圖3. 如何用筆記本上的apache做微信開(kāi)發(fā)的服務(wù)器4. python - linux 下用wsgifunc 運(yùn)行web.py該如何修改代碼5. 關(guān)于mysql聯(lián)合查詢(xún)一對(duì)多的顯示結(jié)果問(wèn)題6. 實(shí)現(xiàn)bing搜索工具urlAPI提交7. 冒昧問(wèn)一下，我這php代碼哪里出錯(cuò)了？？？8. mysql優(yōu)化 - MySQL如何為配置表建立索引？9. MySQL主鍵沖突時(shí)的更新操作和替換操作在功能上有什么差別(如圖)10. 數(shù)據(jù)庫(kù) - Mysql的存儲(chǔ)過(guò)程真的是個(gè)坑！求助下面的存儲(chǔ)過(guò)程哪里錯(cuò)啦，實(shí)在是找不到哪里的問(wèn)題了。
排行榜
熱門(mén)標(biāo)簽
網(wǎng)公網(wǎng)安備