如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
CSS3中有哪些设置背景图片的属性
来源：互联网
2023-03-16 19:12:45 164
背景图片时网页设计时得重要因素之一，一个背景图片优美得网页，总能吸引访问者。这篇经验会告诉你CSS3中有哪些设置背景图片的属性
工具/原料
- 电脑一台
- php开发集成环境
- Sublime Text 编辑器
方法/步骤
第一，设置背景图片重复background-repeat，该属性设置图片的重复方式。具体语法格式如下：
{ background-repeat: repeat | repeat-x | repeat-y | no-repeat ;} 其中参数分别表示水平和垂直方向都重复、水平方向重复、垂直方向重复、背景图片不重复。
第二，背景图片是否随文档一起滚动background-fixed，该属性用来定义背景图片是否跟随文档一起滚动。具体语法如下：
{ background-attachment: scroll | fixed ;} 参数代表的含义分别代表页面滚动时背景图片跟随页面一起滚动，背景图片固定在页面的可见区域。
第三，设置图片的位置background-position,该属性用于指定背景图片在页面中的位置。具体语法如下：
{ background-position: length | percentage | top | center | bottom | left | right ;}
第四，设置背景图片的大小background-size, 该属性用于控制背景图片的大小，具体语法格式如下：
{ background-size: length | percentage | auto | cover | contain ;}
第五，设置背景图片的显示区域background-origin, 这是CSS3新增的属性，用于完成背景图片的定位。具体语法如下：
{ background-origin: border | padding | content ;} 其中参数分别表示从border区域开始显示背景、从padding区域开始显示背景、从content区域开始显示背景。
第六，设置背景图片的裁剪图片background-clip, 该属性用于定义背景图片的裁剪区域。具体的语法格式如下：
{ background-clip: border-box | padding-box | content-box | no-clip ;} 其中的参数分别表示从border区域开始显示背景、从padding区域开始显示背景、从content区域开始显示背景、从边框区域外裁剪背景。
第七，设置图片的复合属性background, 该属性可以一次设定背景图片的样式。具体语法格式如下：
background: [background-color] [background-image] [background-repeat] [background-attachment] [background-position] [background-size] [background-clip] [background-clip]
注意事项
- 开发者可根据自己的需求，选择使用这些属性。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
上一篇：html网页，如何创建Tab选项卡 下一篇：如何让input中点击图片选中效果
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 438 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)