网页设计HTML中如何插入背景图片。

网页设计HTML中如何插入背景图片呢?今天一起来看一下吧。

网页设计HTML中如何插入背景图片。

方法

打开HBuilderX软件

网页设计HTML中如何插入背景图片。

进入后新建一个html文件

网页设计HTML中如何插入背景图片。

命名为背景图片点击创建

网页设计HTML中如何插入背景图片。

然后在同一文件夹中放入一张背景图片

网页设计HTML中如何插入背景图片。

然后在head中编写style样式,如图所示。

网页设计HTML中如何插入背景图片。

按ctrl+s保存然后点击上方视频图标选择浏览器进行运行即可

网页设计HTML中如何插入背景图片。

效果如图所示,未设置平铺方式的情况为默认水平竖直平铺

网页设计HTML中如何插入背景图片。

不想重复平铺在后方加入代码:background-repeat: no-repeat这样图片只会显示一次

网页设计HTML中如何插入背景图片。

效果如图所示

网页设计HTML中如何插入背景图片。

想要水平重复平铺,在后放输入代码background-repeat: r造酸喜表epeat-x

网页设计HTML中如何插入背景图片。

效果如图所示

网页设计HTML中如何插入背景图片。

竖直重复平铺添加代码:background-repeat: repeat-y

网页设计HTML中如何插入背景图片。

元备做期协候盐奏效果如图所示

网页设计HTML中如何插入背景图片。

水平竖直都重复平铺也就是默认样式代码为:background-repeat: repeat

网页设计HTML中如何插入背景图片。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 951076433@qq.com 举报,一经查实,本站将立刻删除。如若转载,请注明出处:https://www.xiaomafuwu.com/378343.html

(0)
代码小二的头像代码小二

相关推荐