background-repeat background和background-Color的区别介绍
一、html中no-repeat怎么加
<bodystyle="background-image:url(路径);background-repeat:no-repeat"></body>最好不要在html标签里直接添加css属性,表现与结构分离。把属性写在css文件里。body{background-image:url("路径");background-repeat:no-repeat;}
CSS里的no-repeat是针对背景图片来说的。当设置了no-repeat这个属性后,背景图片将不会被重复,再换一种说法,在网站上所看到的背景图片就是所添加的图片,不会出现平铺或者重复的现象。
二、background和background-Color的区别介绍
background可以设置背景颜色、背景图片、定位等;而background-color只能设置背景颜色。设置background-color:#aaa;时仅仅改变了背景色,但此时有一个默认的的background:repeat;而设置background:#aaa;后,相当于同时设置了background:no-repeat;既{background-color:#aaa;background:no-repeat;}=={background:#aaa;}可以仔细想想
三、html语言中backround作用
background属性
background简写属性在一个声明中可设置所有的背景属性。
可设置属性如下:
background-image:设置背景图像,可以是真实的图片路径,也可以是创建的渐变背景;
background-position:设置背景图像的位置;
background-size:设置背景图像的大小;
background-repeat:指定背景图像的铺排方式;
background-attachment:指定背景图像是滚动还是固定;
background-origin:设置背景图像显示的原点[background-position相对定位的原点];
background-clip:设置背景图像向外剪裁的区域;
background-color:指定背景颜色。