首页
 导航
语文
作文
 手机
客服中心
投稿赚钱
免费注册
首页
当前位置：查字典教程网 >网页设计 > 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如何设置层透明

★ CSS3之边框多颜色Border-color属性使用

★ CSS教程:DIV底部放置文字

★ css清除浮动clearfix:after的用法详解

★ CSS3之边框多颜色Border-color属性使用示例

★ css的三种定位方式使用探讨

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

★ css的em/ex/px/pt(css长度单位)使用介绍

★ css中background-size属性使用介绍

★ css3 border-image使用说明

上一篇： 纯CSS实现的鼠标经过文本时提示的信息
相关阅读
更多>>
网友关注
更多>>
网友最新关注视频
更多>>
精品推荐
分类导航
网页设计子分类
最新 Div+Css教程学习
热门 Div+Css教程学习