問題描述

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

問題解答

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

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

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