网页设计HTML中如何插入背景图片
的有关信息介绍如下:我们进行网页开发设计时,需要插入背景图片以美化页面,该篇文章将分享,4种背景图片的插入方式:不重复平铺;水平重复平铺;竖直重复平铺;水平竖直重复平铺。并将附上源代码。
首先编写一个html的基本框架
在头部
……中加入插入背景图片的代码。不设置平铺方式的情况下是默认水平竖直都平铺,保存为html后缀,效果如下
若要不重复平铺,需要写入
“
background-repeat: no-repeat
”此时,图片只显示一次
若要水平重复平铺,需要写入
“
background-repeat: repeat-x
”
(当左右拉动滚条时会显示)
若要竖直重复平铺,需要写入
“
background-repeat: repeat-y
”
(当上下拉动滚条时会看到图片排列从上到下)
若要水平竖直都重复平铺,需要写入
“
background-repeat: repeat
”
(当出现上下、左右拉动滚条时会看到图片从左到右,从上到下布满整个屏幕,完成效果如步骤2)
版权声明:文章由 酷酷问答 整理收集,来源于互联网或者用户投稿,如有侵权,请联系我们,我们会立即处理。如转载请保留本文链接:https://www.kukuwd.com/life/34826.html