CSS Zigzag边框与纹理背景

前端之家收集整理的这篇文章主要介绍了CSS Zigzag边框与纹理背景前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我一直在使用带有锯齿形边框的标题.一种方法是使用图像来形成之字形效果.

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

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

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

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

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

谢谢!

猜你在找的CSS相关文章