菜单切换
FACESOHO知行者
心灵
记录
远方
赞赏工具
源代码：
点击运行
保存
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>CSS 多重背景</title> <style type="text/css"> .demo{width:300px;height:140px;border:1px solid #999; background-image:url(//wxt.sinaimg.cn/large/d1613165ly1fzdixjqyawj202202njr9.jpg), url(//wxt.sinaimg.cn/large/d1613165ly1fzdixk3109j202202o0sn.jpg), url(//wxt.sinaimg.cn/large/d1613165ly1fzdixjduryj202202njr9.jpg); background-position:left top, 100px 0, 200px 0; background-repeat:no-repeat, no-repeat, no-repeat; margin:0 0 20px 0; } .task {width:300px;height:140px;border:1px solid #999; background:url(/public/uploads/image/site/logo.png) no-repeat, url(/public/uploads/image/site/logo.png) no-repeat; } </style> </head> <body> <div class="demo"></div> <div class="task"></div> </body> </html>
运行结果