应用错误收集

我对9片边框图像有疑问。我希望最终结果看起来像我在Photoshop中创建的图像一样，但是输出不正确。

这是我的代码：

<!DOCTYPE html>
<html>
    <head>
        <style>
            #borderimg2 {
                border: 10px solid;
                color: grey;
                padding: 15px;
                border-image: URL(border.png) round;
                border-image-slice: 20%;
                display: inline-block;
                background-color: #160816;
                font-family: mojangles;
            }
        </style>
    </head>

    <body>
        <p id="borderimg2">border-image-slice: 20%;</p>
        <p>Here is the image used:</p>
        <img src="border.png">
    </body>
</html>

九片边框图像颜色问题，试图像张贴的图像一样达到拐角

0 个答案: