文章详情页
css - 边框凹陷效果怎么实现
浏览：109日期：2023-07-16 15:56:50
问题描述
如图这种凹陷效果的分割线，用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
相关文章：
1. javascript - node服务端渲染的困惑2. html5 - h5写的app用的webview，用手机浏览器打开不显示？3. javascript - 百度echarts series数据更新问题4. javascript - webpack --hot 热重载无效的问题5. php - 第三方支付平台在很短时间内多次异步通知,订单多次确认收款6. mysql - 一个表和多个表是多对多的关系，该怎么设计7. python - django 按日归档统计订单求解8. 我在导入模板资源时遇到无法显示的问题，请老师解答下9. Mysql && Redis 并发问题10. 请教一个python字符串处理的问题？
排行榜
网公网安备