h1 {background-color:#6495ed;} p {background-color:#e0ffff;} div {background-color:#b0c4de;} 尝试一下 » 背景图像 background-image 属性描述了元素的背景图像. 默认情况下,背景图像进行平铺重复显示,以覆盖整个元素实体. 页面背景图片设置实例: 实例 body {background-image:url('paper.gif');} ...
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-image:url('image.jpg');/* 图片背景 */background-image:linear-gradient(tobottom,red,yellow);/* 纵向线性渐变 */background-image:radial-gradient(circle,blue,green);/* 圆形径向渐变 */ 3.background-repeat 定义背景图像的重复方式。可选值有repeat(在水平和垂直方向重复)、rep...
background-color:#b0c4de; } 标题的背景色 div的背景色 该段落有自己的背景颜色。 div的背景色 结果显示 2. 背景图 1.1 语法 使用背景图 background-image:xxxx; 不平铺(默认平铺): background-repeat:no-repeat; 背景图位置 background
p {background-color:#e0ffff;} div {background-color:#b0c4de;} 尝试一下 » 背景图像 background-image 属性描述了元素的背景图像. 默认情况下,背景图像进行平铺重复显示,以覆盖整个元素实体. 页面背景图片设置实例: 实例 body {background-image:url('paper.gif');} ...
p {background-color:#e0ffff;} div {background-color:#b0c4de;} 尝试一下 » 背景图像 background-image 属性描述了元素的背景图像. 默认情况下,背景图像进行平铺重复显示,以覆盖整个元素实体. 页面背景图片设置实例: 实例 body {background-image:url('paper.gif');} ...
background-color: purple; background-image:url(images/logo.png); /* 1.背景图片不平铺 */ /* background-repeat: no-repeat; */ /* 2.默认的情况下,背景图片是平铺的 */ /* background-repeat: repeat; */ /* 3. 沿着x轴平铺 */
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-image 背景图片 background-repeat background-attachment background-position 二、属性 2.1、background-color 属性定义了元素的背景颜色 body { background-color: red; } 1. 2. 3. 4. 5. CSS中,颜色值通常以以下方式定义: 十六进制 - 如:"...