慕莱坞1575183
2019-07-13 20:38
#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) 20 repeat;
}
</style>
</head>
<body>
<div id="border_image">
请为我镶嵌上漂亮的画框吧
</div>
</body>
</html>
repeat就是重复图片,数值越大,图片大小不变,就越密集。
这篇文章写的挺详细,你可以看看https://segmentfault.com/a/1190000010969367?utm_source=tag-newest
十天精通CSS3
242555 学习 · 2623 问题
相似问题