收藏本站每日签到

《泰拉瑞亚下载-1.4.2.3版》 泰拉瑞亚服务器 - MOD模组下载

入驻泰拉战网 新手指引 - 升级 - 师徒

泰拉瑞亚合成表 泰拉卡牌 - 泰拉江湖 - 泰拉刺客

联系泰拉开发组👈进入 积分市场 - 房产交易 - 水晶获取

游芯沙盒»论坛 › 站务学习 › 前端知识文库 › background属性怎么添加2个或多个背景图

返回列表发新帖

查看: 5201|回复: 0

[CSS] background属性怎么添加2个或多个背景图

506 主题	18 回帖	5 广播

积分: 260

泰拉: 22
水晶: 1
铜钥匙: 0
银钥匙: 0
金钥匙: 0

发表于 2021-4-3 21:13:41 | 显示全部楼层 |阅读模式

　最近遇到一个需求，下面充值金额按钮是一个背景图，点击之后显示的状态也是一个背景图，如下图

　　

　　

注意 :　在上层的图片显示在上面　，　下层的显示在下面；

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>多背景实例</title>
<style>
.bg {
width: 600px;
height: 500px;
border: 1px solid;
background-image: url("img/1.jpg"), url("img/2.jpg"), url("img/3.jpg"), url("img/4.gif"), url("img/5.jpg");
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
background-position: top left, top right, bottom left, bottom right, center center;
}
</style>
</head>
<body>
<div class="bg"></div>
</body>
</html>

复制代码

[发帖际遇]: 君山乐于助人，奖励 13

泰拉.

幸运榜 / 衰神榜

我自豪的选择游芯沙盒作为主页!!!

回复

使用道具举报

返回列表发新帖

|友链申请|Archiver|手机版|小黑屋|游芯沙盒 ( 陕ICP备11006283号-1 )

GMT+8, 2025-10-29 19:56 , Processed in 0.157135 second(s), 38 queries .

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

快速回复 返回顶部 返回列表