首页 > 其他 > 详细

border-image的拉伸和平铺

时间:2017-05-05 00:36:37      阅读:324      评论:0      收藏:0      [点我收藏+]

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

<style type="text/css">

 #rd,#st{   height:100px;   border-width:30px;}  

#rd{    border-image:url(5.3%20%E8%AF%BE%E5%A0%82/images/border.png) 20 stretch;}   

#st{     border-image:url(5.3%20%E8%AF%BE%E5%A0%82/images/border.png) 20  round;}

</style>

</head>

<body>

<div id="rd"></div> <div id="st"></div>

</body>

</html>

border-image的拉伸和平铺

原文:http://www.cnblogs.com/lylcn/p/6810483.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!