欢迎您 本站地址:
复制网址
手机查看
切换背景
返回首页
返回编程教学
醒世恒言
二维码生成器
动物音效
冷知识
战史风云
珍味篇
滋阴养血茶
学习AJAX
源代码：
html编辑器
颜色值转换
点击运行
小库网 <style> #borderimg1 { border: 10px solid transparent; padding: 15px; -webkit-border-image: url(border.png) 30 round; /* Safari 3.1-5 */ -o-border-image: url(border.png) 30 round; /* Opera 11-12.1 */ border-image: url(border.png) 30 round; } #borderimg2 { border: 10px solid transparent; padding: 15px; -webkit-border-image: url(border.png) 30 stretch; /* Safari 3.1-5 */ -o-border-image: url(border.png) 30 stretch; /* Opera 11-12.1 */ border-image: url(border.png) 30 stretch; } </style> <p>border-image 属性用于指定一个元素的边框图像。</p> <p id="borderimg1">在这里，图像平铺（重复），以填补该地区。</p> <p id="borderimg2">在这里，图像被拉伸以填补该地区</p> <p>这是原始图片:</p><img src="/images/border.png"> <p><b>注意:</b> Internet Explorer 10 及更早的版本不支持 border-image 属性。</p>
运行结果：
小库提示
扫描下方二维码，访问手机版。
打赏
关闭