css背景样式都包含哪些
程序员文章站
2022-04-04 09:26:19
...
css背景样式包含:背景颜色“background-color”、背景图片“background-image”、背景定位“background-position”、背景重复“background-repeat”、“background”等。
本教程操作环境:windows7系统、CSS3版、Dell G3电脑。
1、background-color 设置元素的背景颜色。
background-color:颜色/transparent
说明:
transparent是全透明
颜色值(颜色名/RGB/十六进制)
背景区包括内容、内边距(padding)和边框(border)、不包含外边距(margin)
2、background-image 设置元素的背景图片。
background-image:url(图片地址)/none
说明:
url地址可以是相对地址也可以是绝对地址
元素的背景占据了元素的全部尺寸,包括内边距和边框,但不包括外边距
默认地,背景图像位于元素的左上角,并在水平和垂直方向上重复。
当即设置了背景图片又设置了背景颜色时,背景图片会覆盖背景颜色
3、background-position 设置背景图片的起始位置,背景定位
background-position :百分比/px/top/right/bottom/left/center
4、background-attachment 背景图像是否固定或者随着页面的其余部分滚动
background-attachment:scroll/fixed
scroll: 默认值,随着图片的滚动而滚动
fixed:当页面的其余部分滚动时,背景图片不会移动
5、background-repeat 设置背景图像是否重复及如何重复
background-repeat:repeat/no-repeat/repeat-x/repeat-y //分别是重复、不重复、水平重复、不重复
6、background 简写属性,作用是将背景属性设置在一个声明中。
background:[background-color] [background-image] [background-repeat] [background-attachment] [background-position]
说明:各值之间用空格分割,不分先后顺序
(学习视频分享:css视频教程)
以上就是css背景样式都包含哪些的详细内容,更多请关注其它相关文章!
推荐阅读
-
CSS中如何使用背景样式属性,看这篇文章就够用了
-
网站背景设计在网站建设中有哪些设计样式?
-
如何使用jquery控制CSS样式,并且取消Css样式(如背景色,有实例)
-
网站为什么要做SEO诊断呢?SEO诊断都包含哪些东西呢?
-
CSS3学习笔记——背景与边框相关样式
-
css样式之背景图片_html/css_WEB-ITnose
-
css样式之背景图片_html/css_WEB-ITnose
-
css样式ie6不能调用,ie78,ff都正常,怎么解决呀,急_html/css_WEB-ITnose
-
css选择器、可视化格式模型、背景图像效果、对链接应用样式、对表单和数据表格应用样式等知识讲解
-
背景图片如果小于页面高度时,背景图片固定 这个样式怎么写。_html/css_WEB-ITnose