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

Question

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

Answer 1

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

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

Answer 2

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