开始用代码实现,分拆为【圆角矩形+圆角三角】2个元素组合实现,但总是无法完美实现,原因至少有:
多次折腾后摸索出一个方法,使用小图片,组合多个 CSS3的background子属性 ,只用一个元素实现效果:
padding-right: 18px; background-image: url(https://img.alicdn.com/tps/TB1t0O9IFXXXXb8XXXXXXXXXXXX.png), url(https://img.alicdn.com/tps/TB1hNC6IFXXXXaEXpXXXXXXXXXX.png); background-position: right 0; background-size: contain; background-repeat: no-repeat, repeat-x; background-clip: padding-box, content-box;
最终元素布局审查如图
Copyright © 2019- baijiahaobaidu.com 版权所有 湘ICP备2023023988号-9
违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com
本站由北京市万商天勤律师事务所王兴未律师提供法律服务