如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
网页设计HTML中如何插入背景图片
来源：互联网
2023-03-16 19:19:12 419
我们进行网页开发设计时，需要插入背景图片以美化页面，该篇文章将分享，4种背景图片的插入方式：不重复平铺；水平重复平铺；竖直重复平铺；水平竖直重复平铺。并将附上源代码。
工具/原料
- Dell游匣G15
- Windows10
- 记事本2021
方法/步骤
首先编写一个html的基本框架
在头部head>……/head>中加入插入背景图片的代码。
不设置平铺方式的情况下是默认水平竖直都平铺，保存为html后缀，效果如下
若要不重复平铺，需要写入
“
background-repeat: no-repeat
”此时，图片只显示一次
若要水平重复平铺，需要写入
“
background-repeat: repeat-x
”
(当左右拉动滚条时会显示)
若要竖直重复平铺，需要写入
“
background-repeat: repeat-y
”
(当上下拉动滚条时会看到图片排列从上到下)
若要水平竖直都重复平铺，需要写入
“
background-repeat: repeat
”
(当出现上下、左右拉动滚条时会看到图片从左到右，从上到下布满整个屏幕，完成效果如步骤2)
注意事项
- 图片格式任意，不一定是jpg格式
- 希望这篇经验对您有帮助，有帮助的话，希望您能留下一个赞
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
上一篇：Java 将Word转为HTML的方法 下一篇：HTML网页设计——网页背景图片
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 436 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)