background 背景

1、背景颜色

background-color: red;

2、背景图片

background-image: url(img/1.jpg);

3、背景重复

background-repeat: no-repeat;/*不重复*/
background-repeat: repeat;/*重复*/
background-repeat: repeat-x;/*X轴重复*/
background-repeat: repeat-y;/*Y轴重复*/

4、背景定位:可以用像素和英文

background-position: 10px 10px;
background-position: center top;

5、背景是否滚动

background-attachment: fixed;  /*相对可视区固定位置*/
background-attachment: scroll;  /*随滚轮滚动*/

6、复合样式:没有顺序之分,编写习惯如下

background: red url(img/1.jpg) no-repeat center top fixed;
时间: 2024-10-10 17:18:57

background 背景的相关文章

css中background背景属性概

css中background背景属性概 background:url(背景图片路径)  no-repeat;/*不重复默认在左上方*/ background:url(背景图片路径)  no-repeat center;/*不重复背景图片中间显示*/ background:url(背景图片路径)  no-repeat bottom center;/*不重复背景图片底部中间显示*/ background:url(背景图片路径)  no-repeat right top;/*不重复背景图片右上方显示*

css中background背景属性概述

background:url(背景图片路径) no-repeat;/*不重复默认在左上方*/ background:url(背景图片路径) no-repeat center;/*不重复背景图片中间显示*/ background:url(背景图片路径) no-repeat bottom center;/*不重复背景图片底部中间显示*/ background:url(背景图片路径) no-repeat right top;/*不重复背景图片右上方显示*/ background:url(背景图片路径)

css background 背景知识详解

background 背景属性 我们知道元素有前景色color,与之对应的还有背景色,通过background我们可以为元素添加实色(background-color)和任意多个背景图片(background-image). css 背景常见属性 background-color background-position background-size background-repeat background-origin background-clip background-attachment

background 背景认知

background 背景 背景颜色 /*背景颜色为红色*/ p { background-color:ren; } 网页背景不仅可以设置颜色还可以插入图片 /*为背景插入图片*/ body { background:url("./1.jpg") /*括号中可以不加引号,但是加上还是好的 备注 标签请求外面资源 有三种属性 href src url */ } 在背景中插入照片(可以在body  table...插入)时会出现平铺现象(当照片小于背景尺寸) 背景平铺 属性backgrou

有关background 背景图片不能显示

首先有两个概念 绝对路径,从根目录为起点到你所在的目录: 相对路径,从一个目录为起点到你所在的目录. 例如:              ┍ A文件夹           C -|              ┕ B文件夹 绝对路径: C:\A文件夹 相对路径(如果你在B文件夹时): ..\B文件夹  ('..\'向上一级意思) 在实际操作过程中,相对地址和css是内联还是外联有关系的,这个问题在使用绝对地址时不存在. 内联时:{background-image: url(images/new_8.

ie8 background背景图片不显示问题

在chrome,FF可以显示,但是在ie8背景图片显示不出来 css改为如下可以正常显示: background: url(../images/goods.png) no-repeat !important;

解决android:background背景图片被拉伸问题

ImageView中XML属性src和background的区别: background会根据ImageView组件给定的长宽进行拉伸,而src就存放的是原图的大小,不会进行拉伸.src是图片内容(前景),bg是背景,可以同时使用. 此外:scaleType只对src起作用:bg可设置透明度,比如在ImageButton中就可以用android:scaleType控制图片的缩放方式 如上所述,background设置的图片会跟View组件给定的长宽比例进行拉伸.举个例子, 36x36 px的图标

android:background背景图片被拉伸问题

ImageView中XML属性src和background的区别: background会根据ImageView组件给定的长宽进行拉伸,而src就存放的是原图的大小,不会进行拉伸.src是图片内容(前景),bg是背景,可以同时使用. 此外:scaleType只对src起作用:bg可设置透明度,比如在ImageButton中就可以用android:scaleType控制图片的缩放方式 如上所述,background设置的图片会跟View组件给定的长宽比例进行拉伸.举个例子, 36x36 px的图标

2015-09-21 第三节课 css属性 border(边框)、background(背景)

一.border的用法 border的属性有:border-color:边框颜色  border-width: 表示边框的粗细  border-style:边框样式(solid实线.dashed虚线.dotted:点线) 通常的写法:border:solid 3px red; HTML如下: <div id="d1"> 边框高度 边框宽度 边框颜色 </div> CSS如下: #d1{ width:200px; height:200px; border:soli