您的位置:首页技术文章
文章详情页

这种边框是否可以使用css3来实现

浏览:35日期:2023-07-01 11:35:03

问题描述

这种边框是否可以使用css3来实现

问题解答

回答1:

使用渐变 repeating-linear-gradient 实现,特别要注意的是斜条纹宽度的设置。例子中,要设置2px宽,45度的斜条纹,则条纹水平宽度设置为2*1.4142(根号2)px,才能保证斜条纹的宽度不会参差不齐。

http://codepen.io/huangbuyi/p...

回答2:

可以用 border-image 来实现。纯 CSS也没问题。http://codepen.io/hu2x/pen/Lb...这里边js是为了写的阴影可以直接写到 css 里边去。

标签: CSS
相关文章: