<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
div{
width:853px;height: 392px;
border-image-source: url("border.jpg");
border:50px solid;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
登陆购买课程后可参与讨论，去登陆吧
同学你好，该属性规定图像的上、右、下、左侧边缘的向内偏移。属性值使用的百分比是相对于图像尺寸的，并决定着图像的缩放。你可以这么记忆：随着百分比的增大，图像会缩小。还有10%的时候不是4个角，是这样的：
同学可以理解一下，不过这个属性在实际中不太常用，了解下即可。
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
同学你好，border简写属性里有默认的边框border-image-source属性值，因此会将“border-image-source: url("border.jpg");”覆盖掉，建议调整代码顺序：
效果：
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
登录后可查看更多问答，登录/注册
本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。
16 1
65 3
26 3
18 1
188 1
在线咨询
领取优惠
免费试听
领取大纲
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星