CSS3 background-image属性多张背景图片

 时间:2024-10-16 16:18:03

1、新建文件创建div和添加背景

CSS3 background-image属性多张背景图片

2、预览效果

CSS3 background-image属性多张背景图片

3、改变图片的位置右上

CSS3 background-image属性多张背景图片

4、效果如图

CSS3 background-image属性多张背景图片

5、改变图片的位置左上

CSS3 background-image属性多张背景图片

6、效果如图

CSS3 background-image属性多张背景图片

7、改变图片的位置左下

CSS3 background-image属性多张背景图片

8、效果如图

CSS3 background-image属性多张背景图片

9、用background一段代码写出多张图片和位置

CSS3 background-image属性多张背景图片

10、效果如图

CSS3 background-image属性多张背景图片

11、附上源码<body><style>#id{ background:url(11.png) left bottom no-repeat , url(bg.jpg) left top repeat; background-size:200px,1000px; /* background-position: left bottom, left top; background-repeat: no-repeat, repeat;*/ padding: 15px;}</style><div id="id"><p>122</p><p>122</p><p>122</p><p>122</p><p>122</p><p>122</p><p>122</p><p>122</p><p>122</p><p>122</p></div></body>

CSS3 background-image属性多张背景图片
  • Dreamweaver教程(html)
  • HTML网页制作:[14]创建框架链接
  • css怎么设置字号
  • Hbuilder怎么设置编辑器行高
  • html怎么控制盒子的尺寸
  • 热门搜索
    舟山群岛旅游 郑和下西洋起锚地是哪里 冬天头发静电怎么办 如何开超市 蟋蟀的耳朵长在哪里 如何吹口哨 顶固衣柜怎么样 小米盒子怎么安装软件 如何上好一堂课 word箭头怎么画