image的css属性,css image属性
CSS background-image的定义和用法
background-color 属性设置元素的背景颜色。
background-color 属性为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域,扩展到元素边框的外边界(但不包括外边距)。如果边框有透明部分(如虚线边框),会透过这些透明部分显示出背景色。
transparent 值
尽管在大多数情况下,没有必要使用 transparent。不过如果您不希望某元素拥有背景色,同时又不希望用户对浏览器的颜色设置影响到您的设计,那么设置 transparent 值还是有必要的。 默认值:transparent继承性:no版本:CSS1JavaScript 语法:object.style.backgroundColor=#00FF00body {background-color:yellow;}h1 {background-color:#00ff00;}p {background-color:rgb(255,0,255);}
1.CSS background属性与background-image属性
在书写css样式时,background属性与background-image经常用来设置背景图片,容易搞混。
background属性包含background-image属性,是在一个声明中设置所有的背景属性。
连background-image在内,background属性包含以下:
background-color ? ? 规定要使用的背景颜色。1
background-position ? ? 规定背景图像的位置。1
background-size ? ? 规定背景图片的尺寸。3
background-repeat ? ? 规定如何重复背景图像。1
background-origin ? ? ? ?规定背景图片的定位区域。3
background-clip ? ? 规定背景的绘制区域。3
background-attachment ? ? 规定背景图像是否固定或者随着页面的其余部分滚动。1
background-image ? ? 规定要使用的背景图像。1
inherit????规定应该从父元素继承 background 属性的设置。1
通常在写css的时候,一般都直接用background做全局设置,不单独去设置。
用background做全局设置时,要将所有背景属性写在一个声明中
body { background: red }
p { background: url("chess.png") 40% / 10em gray? round fixed border-box; }
分拆写法如下
body {
? ? background-color: red;
? ? background-position: 0% 0%;
? ? background-size: auto;
? ? background-repeat: repeat;
? ? background-clip: border-box;
? ? background-origin: padding-box;
? ? background-attachment: scroll;
? ? background-image: none }
p {
? ? background-color: gray;
? ? background-position: 40% 50%;
? ? background-size: 10em 10em;
? ? background-repeat: round;
? ? background-clip: border-box;
? ? background-origin: border-box;
? ? background-attachment: fixed;
? ? background-image: url(chess.png) }
? background:no-repeat scroll??0px 0px /? 300px 300px?? rgba(0, 0, 0, 0);
? background-position与background-size之间 必须用? / 做分割?
? 前面是background-position? 后面是 background-size?
css样式的属性名background-image
1.background是总的属性名称,你可以链接的。也可以自己写“属性组”来实现。2.backgroundImage同学,你写错了background-image才对。这个是控制背景是图片的时候的。3.background-Color,背景可以指定是单纯一种颜色。4.image这个标签哥米见过,应该是img标签吧。你这个写法严重不规范啊。呵呵~
在css中将图像作为网页元素的背景可以通过什么属性
定义和用法
background 简写属性在一个声明中设置所有的背景属性。
可以设置如下属性:
background-color
background-position
background-size
background-repeat
background-origin
background-clip
background-attachment
background-image
如果不设置其中的某个值,也不会出问题,比如 background:#ff0000 url('smiley.gif'); 也是允许的。
通常建议使用这个属性,而不是分别使用单个属性,因为这个属性在较老的浏览器中能够得到更好的支持,而且需要键入的字母也更少。
默认值:
not specified ? ?
继承性:
no ? ?
版本:
CSS1 + CSS3 ? ?
JavaScript 语法:
object.style.background="white url(paper.gif) repeat-y" ? ?
实例
如何在一个声明中设置所有背景属性:
body
?{
?background: #00FF00 url(bgimage.gif) no-repeat fixed top;
?}
css中background-image属性的作用是什么
设置背景图像的,可以把网页或部分网页(如div,如table)的背景设置成某个图片。
background-image: url(图片名);
这里的图片名包含路径,如果不正常显示,请查看路径是否有误。
这个属性一般配合background-repeat使用。
background-repeat:repeat-x; 背景图片在横向重复
background-repeat:repeat-y; 背景图片在纵向重复
background-repeat:no; 背景图片不重复