码迷,mamicode.com
首页 > 其他好文 > 详细

border-image的拉伸和平铺

时间:2017-05-05 00:50:41      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:head   oct   ima   css   height   html   拉伸   utf-8   div   

<!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的拉伸和平铺

标签:head   oct   ima   css   height   html   拉伸   utf-8   div   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!