css3背景多图-白红宇的个人博客

css3背景多图

发布日期：2021-10-25 12:04:11 浏览次数：2 分类：技术文章

本文共 572 字，大约阅读时间需要 1 分钟。

<!DOCTYPE html>

<html>

<head>

div{

height: 300px;

width: 300px;

border:dashed 20px;

/*背景多图和写多个盒阴影的时候一样可以用逗号隔开写个参数

background设置的是一个属性集合是和我们学到的background-* 的集合*/

background:url(img2/bg-leftTop.png) no-repeat left top,

url(img2/bg-rightTop.png) no-repeat right top,

url(img2/bg-rightBottom.png) no-repeat right bottom,

url(img2/bg-leftBottom.png) no-repeat left bottom,

url(img2/bg-repeat.png);

background-origin: border-box;

}

</style>

</head>

<body>

</body>

</html>

转载于:https://www.cnblogs.com/adialike/p/6383684.html

转载地址：https://blog.csdn.net/weixin_30908103/article/details/99399015 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！

上一篇：javascript笔记——JavaScript经典实例

下一篇：python 基础

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！