为边框应用图片 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>

相关文章推荐

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

1.圆角效果(border-radius)

css3边框背景border-image

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

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

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

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

一、border-image的兼容性 border-image可以说是CSS3中的一员大将,将来一定会大放光彩,其应用潜力真的是非常的惊人。可惜目前支持的浏览器有限,仅Firefox3.5,chro...

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

by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=518 一、b...

HTML5基础加强css样式篇(css属性border详解:图片边框border-image-slice,border-image-repeat,border-image-width(二))(三十四)

1.图片边框:可以使用图片制作边框 先通过四根线把图片分成九份,中间一份为内容区域;其他分别对应边框的对应部分; 分割线属性: border-image-slice 代码如下: ...

wpf border 边框不同颜色

  • 2015-10-17 11:51
  • 67KB
  • 下载

可可肉的奋斗(第三天)2012-12-26----------Image图片切换及Binding属性应用实例

这个系列的贴子属于日记类型的帖子,现在看可能会比较水,算是我个人的奋斗记录吧,希望将来可以对后来(学习)人有所帮助 个人技术背景:做JAVA开发五年,懂C#基本语法(停留在2.0)工作经验3.5年 ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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