手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >css3 border-image使用说明
css3 border-image使用说明
摘要:在看这个属性时,好像国内的文章都没给大家说太明白,今天就一起说说首先来一个素材图片whiteButton.png然后我们要做成这样的效果:代...

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

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

 

css3 border-image使用说明1

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

 

css3 border-image使用说明2

代码(呵呵!请不要急,继续向下看):

 

-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; 

【css3 border-image使用说明】相关文章:

巧用CSS来控制div自适应浏览器的高度

css3文本阴影属性text-shadow说明

CSS3 实现侧边栏展开收起动画

css3 border-image使用说明

一段巧妙的css debug代码

CSS中background-position使用技巧

css网页制作实用技巧9则

CSS定位属性Position详解

CSS的nth-child使用方法

css 的border属性改变hr颜色小示例

精品推荐
分类导航