border-image
2023-08-24 本文已影响0人
xueyueshuai
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<style>
.test-div{
border-image-source: url('./bkg.jpg');
border-image-width: auto;
border-image-slice: 50 fill;
border-image-repeat: round;
width: 200px;
height: 400px;
}
</style>
<div class="test-div"></div>
</body>
</html>
