为边框应用图片 border-image
2016-08-30 14:51
309 查看
顾名思义就是为边框应用背景图片,它和我们常用的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>
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
- 【CSS3】---为边框应用图片 border-image
- 【CSS3】---为边框应用图片 border-image
- 【CSS3】---为边框应用图片 border-image
- 【CSS3】为边框应用图片 border-image
- 为边框应用图片 border-image
- 【CSS3】---为边框应用图片 border-image
- 为边框应用图片 border-image
- css3边框——圆角效果(border-radius)、阴影(box-shadow)、边框应用图片(border-image)
- 圆角效果 border-radius——阴影 box-shadow——为边框应用图片 border-image
- CSS3边框图片属性---border-image
- CSS3之边框图片border-image
- CSS3 边框图片(border-image)使用方法
- border-image,边框图片效果详解
- CSS3之边框图片border-image
- 图片边框border-image的用法
- HTML5基础加强css样式篇(css属性border详解:图片边框border-image-slice,border-image-repeat,border-image-width(二))(三十四)
- 图片边框border-image的用法
- CSS3之边框图片border-image
- 制作图片边框:《CSS3 Border-image》