-webkit-border-image不应用图像

时间:2018-06-18 10:35:56

标签: html css webkit

我正在阅读有关-webkit-border-imageborder-image

的文章

我试了但是它不会显示图像。这是我的代码的一部分。非常感谢任何帮助

h1
{
    border-width: 5%;
    border-image:url("images/frame.png") 25% stretch;
    -webkit-border-image:url("images/frame.png") 25% stretch;
}

这是我的h1

<h1>Border Practice</h1>

1 个答案:

答案 0 :(得分:0)

我猜这可能是一个错误,请查看以下示例,它适用于我

h1 {
    border-width: 1%;
    border-image:url("https://www.w3schools.com/cssref/border.png") 25% stretch;
    -webkit-border-image:url("https://www.w3schools.com/cssref/border.png") 25% stretch;
}
<h1>Border Practice</h1>