css3-border-image
博客专区 > wyn5111 的博客 > 博客详情
css3-border-image
wyn5111 发表于1年前
css3-border-image
  • 发表于 1年前
  • 阅读 2
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

为边框设置背景图片,语法

border-image:url(image路径) 10 10 10 10 repeat(有三个参数可选,round平铺,repeat,stretch)

 

<!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;
    border-image:url(http://img.mukewang.com/52e22a1c0001406e03040221.jpg) 30 round;
    }
</style>
</head>
<body>
<div id="border_image">
请为我镶嵌上漂亮的画框吧
</div>
</body>
</html>

共有 人打赏支持
粉丝 0
博文 10
码字总数 3165
×
wyn5111
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: