微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

CSS Zigzag边框与纹理背景

我一直在使用带有锯齿形边框的标题.一种方法是使用图像来形成之字形效果.

(1)有没有办法在CSS中创建实用的跨浏览器之字形边框,而不使用图像?

我也试图把这个标题的纹理背景扩展到Z字形.但是,标题的垂直尺寸可能会改变,我无法将标题实现为单个图像.

如果我尝试向两个锯齿形边缘和标题元素添加一个纹理,那么纹理将不同步.

(2)关于实现纹理背景的任何想法,延伸到没有关闭同步的曲折上?

我的[旧]代码(以及一个纹理)在jsfiddle上.
http://jsfiddle.net/jcygg/

谢谢!

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。