文章詳情頁(yè)
css - 邊框凹陷效果怎么實(shí)現(xiàn)
瀏覽：100日期：2023-07-16 15:56:50
問(wèn)題描述
如圖這種凹陷效果的分割線(xià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. javascript - node.js中stat() access() open() readFile()都能判斷文件是否存在？2. vue ajax請(qǐng)求回來(lái)的數(shù)據(jù)沒(méi)有渲染到頁(yè)面3. html的qq快捷登錄怎么搞？求個(gè)源碼4. pip安裝提示Twisted錯(cuò)誤問(wèn)題（Python3.6.4安裝Twisted錯(cuò)誤）5. 一個(gè)mysql聯(lián)表查詢(xún)的問(wèn)題6. mysql 能不能創(chuàng)建一個(gè) 有列級(jí)函數(shù) 的聯(lián)合視圖?7. python中def定義的函數(shù)加括號(hào)和不加括號(hào)的區(qū)別？8. mysql - 求SQL語(yǔ)句：查詢(xún)某個(gè)值介于兩個(gè)字段值之間的記錄。9. python - Django怎么獲取數(shù)據(jù)庫(kù)的值，并放到一起輸出10. mysql - 分庫(kù)分表、分區(qū)、讀寫(xiě)分離 這些都是用在什么場(chǎng)景下 ，會(huì)帶來(lái)哪些效率或者其他方面的好處
排行榜
熱門(mén)標(biāo)簽
網(wǎng)公網(wǎng)安備