ASP  颜和背景属性
一个优秀的网页设计者不仅要能够合理的安排页面布局，而且还要具有一定的彩视觉和彩的搭配能力，这样才能够使网页更加精美也具表现力，并给浏览者以亲切感。现在，依赖CSS的强大功能，能够为页面增加在更加多样的彩及背景选择。并且能够统一页面元素的彩配置。在这一节中，将介绍CSS的颜及背景属性。
1．Color属性
任何一个页面元素都具有Color属性，该属性用于设置前景，并且常用来设置页面元素的字体颜。
在本章的8.1.1节中，介绍了有关颜的设定。Color属性值就可以使用下面三种设定方式：第一种是直接使用CSS中预置的标准名称，如red、blue等；第二种是使用十六进制颜，如#FF0000、#0000FF等；第三种是使用RGB颜，如RGB(255,0,0)、RGB(0,0,255)等。
2．background-color属性
background-color属性用于设定背景。同Color属性一样，background-color属性接受任何有效的颜值，而对于没有设定背景的标记，默认背景为透明（tranaparent）。
该属性填充的背景是指元素框及间隙所包含的区域，并位于前景的后面。
3．background-image属性
background-image属性用于设定标记的背景图片，通常情况下，在标记<body>中应用，将图片用于整个主体中。
在设定背景图片时，最好同时也设定背景，这样当背景图片因某种原因无法正常显示时，可以使用背景来代替。当然，如果正常显示，背景图片会覆盖背景的。
4．background-repeat属性
background-repeat属性用于设定背景图片是否重复平铺。该属性有四种属性值：repeat、repeat-x、repeat-y和no-repeat，默认值为repeat，各属性值说明如表8-7所示。
表8-7  background-repeat属性
属性值
描述
repeat
背景图片水平和垂直方向都重复平铺
repeat-x
背景图片水平方向重复平铺
repeat-y
背景图片垂直方向重复平铺
no-repeat
背景图片不重复平铺
5．background-position属性
background-position属性用于指定背景图片在页面中所处的位置。该属性的属性值可以分为四类：绝对定义位置（length）、百分比定义位置（percentage）、垂直对齐值和水平对齐值。其中垂直对齐值包括top、center和bottom，水平对齐值包括left、center和right，如表8-8所示。
表8-8  background-position属性的属性值
属性值
描述
length
设置图片与边距水平与垂直方向的距离长度，后跟长度单位（cm、mm、px等）
percentage
以页面元素框的宽度或者高度的百分比放置图片
top
背景图片顶部居中显示
center
背景图片居中显示
bottom
背景图片底部居中显示
left
背景图片左部居中显示html设置字体颜属性
right
背景图片右部居中显示
由于background-position属性是描述背景图片的位置的，所以必须与background-image属性同时使用。另外，垂直对齐值还可以与水平对齐值一起使用，从而决定图片的垂直位置和水平位置。
6．background-attachment属性
对于一个较长的页面来说，如果使用的背景图片不足够覆盖整个页面，而且只将背景图片应用在页面的一个位置上，那么在浏览页面时，肯定会出现看不到背景图片的情况；再者，还可能出现背景图片初始可见，而随着页面的滚动又不可见。也就是说背景图片不能时刻的随着页面的滚动而显示。
要解决上述问题，用要使用background-attachment属性，该属性用来设定背景图片是否随文档一起滚动。该属性包含两个属性值：scroll和。scroll，默认值，当页面滚动时，背景图片随页面一起滚动；fixed，背景图片固定在页面的可见区域里。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。