問(wèn)題描述

這種邊框是否可以使用css3來(lái)實(shí)現(xiàn)

問(wèn)題解答

使用漸變 repeating-linear-gradient 實(shí)現(xiàn)，特別要注意的是斜條紋寬度的設(shè)置。例子中，要設(shè)置2px寬，45度的斜條紋，則條紋水平寬度設(shè)置為2*1.4142（根號(hào)2）px，才能保證斜條紋的寬度不會(huì)參差不齊。

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

可以用 border-image 來(lái)實(shí)現(xiàn)。純 CSS也沒(méi)問(wèn)題。http://codepen.io/hu2x/pen/Lb...這里邊js是為了寫的陰影可以直接寫到 css 里邊去。