为边框应用图片 border-image

转载 2016年08月30日 14:51:51

  顾名思义就是为边框应用背景图片,它和我们常用的background属性比较相似。例如:

  background:url(xx.jpg) 10px 20px no-repeat;

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>边框图片</title>
<style>
#border_image {
    margin:0 auto;
height:100px;
line-height:100px;
text-align:center;
font-size:30px;
width:450px;
border:15px solid #ccc;
 
}
</style>
</head>
<body>
<div id="border_www.dztcsd.com8/image">
请为我镶嵌上漂亮的画框吧
</div>
</body>
</html>

border-image,边框图片效果详解

border-image             设置边框图片的效果 border-image-source          //引入背景图片地址 border-image-slice       ...
  • MOONCOM
  • MOONCOM
  • 2017年01月15日 20:57
  • 448

css3边框——圆角效果(border-radius)、阴影(box-shadow)、边框应用图片(border-image)

1.圆角效果(border-radius)

css3:border-image边框图像详解

 自我介绍 hello,大家好,我叫小黑,也叫xiaoho,目前喜欢并从事写页面。因为不喜欢在那些类似BBS型的论坛上发帖,所以之前在html-js上发表几篇戳文,...

css3边框背景border-image

边框背景——border-image 边框背景主要是用来给元素边框添加背景图像,本质是用一张图片来修饰边框背景,看下图效果:     -------------------------->...

CSS3简明教程-2.1.CSS3边框之border-image

CSS3对元素边框进行了改进,可以将边框定义为图片。

css3:border-image边框图像详解

前言 对于这个border-image属性已经不是什么新奇的事情了,也是一个老生长谈的话题。这是属性从很多年前已经出现了,但一直形单影只的,似乎 不被看好,但是假如你对此深入研究之,想必其用处还是多...

css3:border-image边框图像详解

转载自:http://www.tuicool.com/articles/EJZnUnm 自我介绍 hello,大家好,我叫小黑,也叫xiaoho,目前喜欢并从事写页面。因为不喜欢在那些类似BBS型...

QT 多种状态的背景图片, 放在同一张图上, border-image 进行分割,拉伸

大部份时候的图片是进行了分割,也就是一个控件,背景对应一张状态图片,   当然, 也有意外就是, 有些美工为了省时, 或者说项目为了节省空间,把一个按纽的多种状态的图片放在一张图片上, 这时加载方式就...

CSS3 border-image详解、应用及jQuery插件

http://www.jb51.net/css/38358.html 一、border-image的兼容性 border-image可以说是CSS3中的一员大将,将来一定会大放光彩,其应用...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:为边框应用图片 border-image
举报原因:
原因补充:

(最多只允许输入30个字)