背景和CSS
2015-12-26
作者:轩啸网络
背景色:
用CSS改变块级元素的背景色是很容易的。使用背景色样式属性:
background-color: deepskyblue;
背景图像:
但是你可以改变的不止是背景色。你可以使用背景图像样式属性把图像放到页面的元素后面:
背景图像 : url(bgimage.gif);
放置背景图像:
把背景图像放到元素是不够的,你想把背景图像放到元素后面具体的位置。背景位置属性对你是很有帮助的:
背景定位:10px 20px;
背景图像滚动:
把背景放在网页的标准方式是随着自己的网页浮动。但是你可以设置一个背景图像,然后当前景元素在它上面滚动时就把它固定到一个位置。你可以在网页上使用背景附件属性做一个水印。
背景附件:固定的;
背景图像的重复
如果你把背景图像放到一个更大的空间,而不是图像本身,然后浏览器会在水平方向和垂直方向都加上标题。但是使用背景重复属性,你可以辨认出浏览器只是水平的,还是只是垂直的,或者没有标题,背景图像只显示一次。
背景重复:不重复;
背景速记属性:
如果你必须在背景上加不同的内容,你可以使用背景速记属性。这个属性把所有的背景属性都收集到一行,这样会让CSS理解和使用起来更简单,也更容易。
背景: red url(image.gif)
no-repeat fixed 0, 50%;