<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>practice</title>
<style>
div
{
border:15px solid transparent;
width:250px;
padding:10px 20px;
}
#round
{
border-image:url(border.png) 30 30 round;
}
#stretch
{
border-image:url(border.png) 10 10 round;
}
</style>
</head>
<body>
<div id="round">这里,图片平铺填充该区域</div>
<div id="stretch">这里,图片被拉伸填充该区域</div>
</body>
</html>
CSS_边框补充
最新推荐文章于 2024-09-28 01:23:25 发布