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

问题描述

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

问题解答

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

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

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