為什么數值越大，邊框越密集？ border-image:url(http://img1.sycdn.imooc.com//52e22a1c0001406e03040221.jpg) 20 repeat;
#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://img1.sycdn.imooc.com//52e22a1c0001406e03040221.jpg) 20 repeat;
?? ?}
</style>
</head>
<body>
<div id="border_image">
請為我鑲嵌上漂亮的畫框吧
</div>
</body>
</html>
2019-07-14
repeat就是重復圖片，數值越大，圖片大小不變，就越密集。
這篇文章寫的挺詳細，你可以看看https://segmentfault.com/a/1190000010969367?utm_source=tag-newest