這種邊框是否可以使用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 里邊去。