关闭

为边框应用图片 border-image

57人阅读 评论(0) 收藏 举报

  顾名思义就是为边框应用背景图片,它和我们常用的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>
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:60418次
    • 积分:1027
    • 等级:
    • 排名:千里之外
    • 原创:5篇
    • 转载:242篇
    • 译文:1篇
    • 评论:1条
    文章分类
    最新评论