属性顺序:通常情况下,background属性的写法顺序为:background-color、background-image、background-repeat、background-attachment、background-position。这些属性需要全写么?不必,按需。如果某些属性没有设置,则可以省略,但尽量保持顺序不变,比如,我完全可以把#2cecbc,right top去掉,直接就是background: url(./img/bg...
background-image定义背景图像 这个属性是我们用的最多的属性 设置背景图像有两个方式 background: url("img/01.jpg") ; 或者 background-image: url("img/01.jpg"); background-color定义背景颜色 (三个属性) 属性为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域,扩展到元素边框的外边界(但...
1、background-color属性值可以用十六进制、英文、rgb() body { background-color:yellow; } h1 { background-color:#00ff00; } p { background-color:rgb(255,0,255); } 上面三种写法都是可以的 2、background-image body { background-image:url(‘paper.gif’); background-color:#cccccc; } url...
利用background-position属性可以改变图片在背景中的位置 语法:background-position : x y ; 参数代表的意思:x坐标和y坐标。可以使用方位名词或者精确单位 div{width:1200px;height:500px;background-color: pink;/* 千万别落下url */background-image:url(./1.jpg);/* 设置背景不平铺 */background-repeat: no...
p {background-color:#e0ffff;} div {background-color:#b0c4de;} 尝试一下 » 背景图像 background-image 属性描述了元素的背景图像. 默认情况下,背景图像进行平铺重复显示,以覆盖整个元素实体. 页面背景图片设置实例: 实例 body {background-image:url('paper.gif');} ...
二、背景颜色 background-colorbackground-color 属性名:background-color 作用:在盒子区域添加背景颜色的修饰。 加载区域:在 border 及以内加载背景颜色。 属性值:颜色名、颜色值。 三、背景图片 background-image 属性名:background-image 作用:给盒子添加图片的背景修饰。 加载范围:默认的加载到边框及以内部分。后...
1. 背景色 1.1 语法 1.2 示例 结果显示image.png 2. 背景图 1.1 语法 使用背景图 不平铺(默认平铺): 背景图位置 固定背景图(不随页面滚动) 1...
一、background属性概览 background属性是一个简写属性,用于设置一个或多个背景相关的子属性。完整的语法如下: Css background:<background-color><background-image><background-repeat><background-position><background-size><background-attachment><background-origin><background-clip><background-blend-mode>; ...
background-image:inherit;background-repeat:no-repeat;background-position:center;}.un-image-wrapper{width:100px;height:70px;}.wrapper1{background-color:#adad12;position:relative;border:2px solid black;}.wrapper2{position:absolute;width:200px;height:140px;/*background-color: inherit;*/border:2...
background 是复合属性。 background-color:背景色。 色值表示法:#ff0000 ,red ,rgb(255,0,0),rgba(255,0,0,.5) 背景色渲染位置:border以内。 2、background-image background-image:背景图 url:统一资源定位符,图片的地址 属性值:绝对路径,相对路径。(网址形式) ...