border-image

最新推荐文章于 2021-11-29 17:35:23 发布

froggyboy

最新推荐文章于 2021-11-29 17:35:23 发布

阅读量373

点赞数

分类专栏： css初学

本文链接：https://blog.csdn.net/froggyboy/article/details/24848137

版权

css初学专栏收录该内容

0 篇文章 0 订阅

订阅专栏

border-image url

引用img文件的路径：

图片在img文件夹

css文件在css文件夹

border-image:url(../img/border.png) 30 30 round;

路径用

<!DOCTYPE html>

<html>
<head>
<style>
div

#imgRound
{
-moz-border-image:url(../img/border.png) 30 30 round; /* Old Firefox */
border-image:url(../img/border.png) 30 30 round;
}

#imgStretch
{
border-image:url(../img/pngPhote.png) 70 50 stretch;
}
</style>
</head>
<body>

<div id="imgRound">this is a round image here</div>
</br>

<div id="imgStretch">this is a stretch photo</div>
</br>
</body>
</html>