背景颜色 background

含义：

背景是指在盒子结构中，衬托在边框线范围以内的背景颜色或背景图。

可以设置背景颜色，或背景图，或同时设置。其中背景图有多项参数可设置。

主要的背景属性设置有：

设置背景颜色：

background-color：yellow;

设置背景图：

background-image：url(图片路径); //注意，图片路径是相对于当前网页或css文件(对外部样式来说)

设置背景图的位置（有背景图的前提下有效）

background-position：水平位置 [，垂直位置]；

说明：

①，如果不设置该属性，默认值为“0,0”，即在盒子的左上角。

②，可以设置1个值或2个值；设置1个值的时候，第二个默认为center（居中）。

③，水平位置：可以设置为长度值，或百分比，或以下固定值：left/center/right。

④，垂直位置：可以设置为长度值，或百分比，或以下固定值：/top/center/bottom

设置背景图是否重复（有背景图的前提下有效）：

background-repeat：属性值1 [,属性值2]； //有以下几个属性值可用：

repeat：重复，默认值；

no-repeat：不重复；

repeat-x：只在x方向重复；

repeat-y：只在y方向重复；

background：yellow；                //只设置背景颜色；

background：yellow  url(./images/bg.jpg)  no-repeat；

background：yellow  url(./images/bg.jpg)  repeat-y  lelft  top；

background：yellow  url(‘/images.bg.jpg)  repeat  no-repeat  5px  10px；

背景综合属性background：

可以同时设置上述几个有关背景的属性，相互之间用空格隔开，比如：


background：yellow  url(‘/images.bg.jpg)  repeat  no-repeat  5px  10px；

background：yellow；              //  只设置背景颜色；

background：yellow  url(./images/bg.jpg)  no-repeat；

background：yellow  url(./images/bg.jpg)  repeat-y  lelft  top；

background：yellow  url(‘/images.bg.jpg)  repeat  no-repeat  5px  10px；

background：yellow；                //只设置背景颜色；

background：yellow  url(./images/bg.jpg)  no-repeat；

background：yellow  url(./images/bg.jpg)  repeat-y  lelft  top；

background：yellow  url(‘/images.bg.jpg)  repeat  no-repeat  5px  10px；

css 背景颜色 background属性相关推荐

CSS 背景颜色 background-color属性
背景颜色是背景应用中最基础的属性,使用 background-color属性,几乎可以为任何元素定义背景颜色,该属性不能被继承,其默认值是 transparent,即透明背景.也就是说,如果一个元素没 ...
html背景图片横屏,CSS背景颜色背景图片居中重复固定样式background经验篇
我们使用CSS Background样式属性,可以设置网页背景单一颜色.网页背景为图片.网页背景图片居中于网页.网页背景图片网页固定位置.网页背景图片中网页中重复平铺等css背景样式介绍与案例讲解. ...
Css3之基础-5 Css 背景、渐变属性
一.CSS 背景概述背景属性的作用 - 背景样式可以控制 HTML 元素的背景颜色.背景图像等 - 背景色 - 设置单一的颜色作为背景 - 背景图像 - 以图片作为背景 - 可以设置图像的位置.平铺 ...
计算机底纹不起作用,CSS - 背景颜色在IE11中不起作用(CSS - background-color not working in IE11)...
CSS - 背景颜色在IE11中不起作用(CSS - background-color not working in IE11) 我有以下代码: .skills_column { padding: 5 ...
从零开始学前端：CSS背景颜色 --- 今天你学习了吗？（CSS：Day09）
从零开始学前端:程序猿小白也可以完全掌握!-今天你学习了吗?(CSS) 复习:从零开始学前端:CSS字体属性和文本属性 - 今天你学习了吗?(CSS:Day08) 文章目录从零开始学前端:程序猿小白 ...
html滚动背景色没了,css背景颜色不显示怎么解决
css背景颜色不显示怎么解决 div css新手布局会遇到布局的背景颜色无法显示,一般布局背景无法显示通常原因如下: 1.由使用float浮动造成浮动产生无法显示css背景颜色 2.高度不够而产生背景 ...
CSS背景颜色设置背景附着背景平铺背景位置背景简写背景透明
CSS背景设置方法及背景附着 1.背景颜色(color) 语法: background-color:颜色值; 默认值是 transparent 透明的 2.背景图片(image) 语法: backgr ...
css中背景颜色用哪个,CSS 背景颜色
颜色背景 CSS中背景颜色由background-color决定,这里的背景颜色会渲染padding和content,不会渲染border和margin部分. 在css3中可以通过background ...
php渐变背景颜色,css背景颜色渐变案例：线性渐变和径向渐变效果实例详解
渐变是两种或多种颜色之间的平滑过渡.以前,必须使用图像来实现这些效果.但是,通过使用 CSS3 渐变(gradients),可以减少下载的事件和宽带的使用.此外,渐变效果的元素在放大时看起来效果更好, ...

css 背景颜色 background属性

背景颜色 background

css 背景颜色 background属性相关推荐

最新文章

热门文章