css 实现条纹外框、线条

郑凯文 CSS

阅读 (1624) 2018-07-19 16:58:34

css 条纹外框

两个样式实现CSS条纹外框

使用 background-clip:padding-box;改变背景的填充方式。

用一个before伪类填充底色，box背景用白色填充，border不填充背景，这样border间隔部分就显示伪类的底色了

See the Pen <a href='https://codepen.io/xs47968224/pen/vaXvor/'>css 条纹线条外框</a> by xs47968224 (<a href='https://codepen.io/xs47968224'>@xs47968224</a>) on <a href='https://codepen.io'>CodePen</a>.

更新于：2018-07-19 16:59:16