当前位置:首页 > 设计在线 > 网页设计 > CSS/Xhtml > CSS属性(颜色背景属性)

CSS属性(颜色背景属性)

点击次数:28 次 发布日期:2008-11-26 22:31:35 作者:源代码网
源代码网推荐 2、颜色和背景属性

  您总不希望自己的页面处于黑白世界吧。如果给用<font>属性定义的文本添上颜色是不是会更好呢?

  下面我们就讲一下CSS的颜色和背景属性。先来看一下CSS下的颜色和背景都有哪些属性吧(如下表):

  我们还是举个例子吧。比如上一节讲到的“LEAF”字体,我们在其中加入颜色属性,在<style>再加入以下代码:
源代码网推荐  color:rgb(204,82,28);
源代码网推荐  background-img:url(ss01038.jpg);
源代码网推荐  background-repeat:no-repeat;margin-right:15em

  //*设置前景色的rgb值为(204,82,28),您也可以用颜色的英文名称直接定义;
源代码网推荐  设置背景图案的地址;设置背景图案不重复显示;另外还设置了页边距margin属性
源代码网推荐  ,这个我们以后再讲*//

  加入代码后“Leaf”的字体显示效果是这样的(如下图):

  怎么样,是不是比光是定义<font>属性显得更加漂亮了。当然您也可以简便的定义background属性(象定义font属性那样),下面我告诉一下您background属性的书写格式:

  属性:background 属性值:<background-color>||<background-image>||     <background-repeat>||<background-attacement>||<background-position>

  也就是说,使用background属性可以一次定义前面讲到的一切有关背景的属性,包括背景色、背景图案等等。因此,上面定义“leaf”颜色属性中有关背景的代码可以写成这样: “background:url(ss01038.jpg)no-reapeat”


源代码网供稿.
网友评论 (0)
会员中心
设计在线
本站推荐
设计在线之精华