1.颜色属性color
语法:color:颜色取值
color属性用来设置指定元素的颜色,颜色值是一个关键字或一个十六进制的RGB值。
-所谓关键字就是颜色的英文名称。(red,blue,green)
示例:
color:red
color:blue
-用十六进制表示颜色(记住就行,不需要知道为什么)
示例:
color:#ff0000
color:#000099
2.背景颜色background-color
语法:background-color:颜色取值
设置网页的背景颜色还可以设置文字的背景颜色
3.背景图像background-image
语法:background-image:url(图像地址)
设置元素的背景图像,图像地址可以是绝对地址,也可以是相对地址。
4.背景重复background-repeat
语法:background-repeat:取值
no-repeat-------表示背景图像不平铺
repeat--------表示背景图像是否平铺排满整个页面
repeat-x--------表示背景图像只在水平方向上平铺
repeat-y---------表示背景图像-只在垂直方向上平铺
5.背景附件background-attachment
语法:background-attachment:scroll/fixed
设置背景图像是否随对象滚动还是固定不动。
说明:scroll表示背景图像随对象滚动,是默认选择;fixed表示背景图像固定在页面上不动,只有其他内容随滚动条滚动。
6.背景位置background-position
语法:background-position:位置取值
该属性用于设置背景图像的位置,这个属性只能用于块级元素和替换元素。替换元素包括(img,input,textarea,selcet,object)
注:取值一种是采用数字,另一种是关键字描述。
设置值 | 释义 |
---|---|
x(数值) | 设置网页横向位置 |
y(数值) | 设置网页纵向位置 |