css3 border-image使用说明_ Div+Css教程-查字典教程网

摘要：在看这个属性时，好像国内的文章都没给大家说太明白，今天就一起说说首先来一个素材图片whiteButton.png然后我们要做成这样的效果：代...

在看这个属性时，好像国内的文章都没给大家说太明白，今天就一起说说

首先来一个素材图片whiteButton.png

然后我们要做成这样的效果：

代码（呵呵！请不要急，继续向下看）：

-moz-border-image: url(images/whiteButton.png) 0 12 0 12 round stretch;
border-image: url(images/whiteButton.png) 0 12 0 12 stretch stretch;
display: block;
width:600px;
border-width:0 12px;
padding:10px;
text-align: center;
font-size: 16px;
text-decoration: inherit;

<div style="-webkit-border-image: url(images/whiteButton.png) 0 12 0 12 stretch stretch;

猜你喜欢

■独家专访爱奇艺CEO龚宇：视频网站会员收费竞争将比广告更残酷
■win10一周年正式版摄像头不能用怎么解决
■怎样在动物园里拍摄
■青春荒唐不负你支付宝的「社交」到底行不行？
■支付宝这么搞我看就很好
■支付鸨、知脱付、芝麻飙车：从此不怕仙人跳它是最后赢家
■又是全员涨工资，又是董监高增持，董明珠在下一盘什么大棋？
■摄影世界中的慢门
■支付宝是如何预谋了这场性狂欢又栽赃给了你？
■央行新规将个人银行帐户分三类 ATM转账24小时延时到账

■朋友圈照片尺度太大：如何净化支付宝生态圈
■女主播“雪梨枪”被判4年直播与色情只差一线
■专访ofo创始人：从抓住校园刚需到盯住全球市场
■天然玉石装饰的别墅装修案例
■papi酱遭撤资：网红商业价值是否该打折
■为什么广告模式依然是互联网公司的救命粮草?
■蛋糕背后的大坑：互联网车险的主要模式与可行性分析
■支付宝两大生活圈悄悄下线个人征信运用场景该如何界定？
■来往之死、钉钉之存活都在暗示支付宝这次社交刷屏的意义
■利用窗户射拍出绝色人像理论知识

■创业公司集体办葬礼这届投资人与创业者真的都不行！
■支付宝“日记”社交功能疑下线部分圈子已被冻结
■BAT背后最大股东都是谁？并非李彦宏、马云和马化腾
■支付宝变陌陌？圈子功能引发震荡拿下社交能否助其争夺互金领地？
■你不知道的交互验收：定义、问题和如何解决
■扒一扒连王思聪都忍不住吐槽的支付宝大尺度照片是什么鬼？
■外媒：微信小程序欲干掉应用商店统治中国市场
■从支付宝圈子涉黄看人性背后的是与非
■餐厅背景墙的色调如何搭配
■支付宝难成社交平台：阿里如何才能突破瓶颈

最新 Div+Css教程学习

IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解决方案
详细分析css float 属性以及position:absolute 的区别
CSS3实例分享之多重背景的实现(Multiple backgrounds)
CSS3+Js实现响应式导航条
从零学CSS系列之文本属性