欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  资讯频道

border-image :不再需要更多的切割

程序员文章站 2024-02-14 22:38:16
...
当你需要在一块特定的区域画圆角的时候,你是不是不得不将图片切成多片来组成四角和边框?但是如今,我们有了更好的方法。John Resing发布了文章:[url= http://ejohn.org/blog/border-image-in-firefox/]如何在Firefox 3.1上实现[/url]border-image  。

现在,您可以使用简单的CSS来创建iUI包含的iphone查询按钮:

border-width: 0 5 0 5;

-webkit-border-image: url(toolButton.png) 0 5 0 5 stretch stretch;

-moz-border-image: url(toolButton.png) 0 5 0 5 stretch stretch;


效果图如下:
border-image :不再需要更多的切割