css学习第五天

4.2 为你的世界添加色彩

 

颜色

 

颜色属性并不陌生,它的用法很象HTML中使用的参数值。

B { color: #333399 }

  • 颜色名称

CSS所用的颜色名称同我们常用的称呼方式。16种基本色为aqua, black, blue, fuchsia, gray, green, lime,maroon, navy, olive, purple, red, silver, teal, white, and yellow.

但是NetscapeMicrosoft的浏览器还认可数百种其它色彩名称,参见
HYPE's Color Specifier.

  • 16进制(hex)色彩控制

使用16进制数可实现对色彩的更精确的控制,其格式为 #33669916进制(hex)色彩控制详见Webreference.com

CSS还支持某些hex值的快捷计数法。比如, #336699可以被称为 #369。浏览器会将其按照16进制格式阐释。

  • RGB

对于习惯于RGB计数法的用户,这里将提供一种全新的色彩设定方法。RGB法通常用于图象应用软件例如
Photoshop
。利用RGB设定色彩的方法如下:

B { color: rgb(51,204,0) }

RGB
的数值范围从0255R代表红色,G代表绿色,B代表蓝色。

4.3 背景颜色

P.yellow { background-color: #FFFF66 }

B { background-image: url(background.gif) }

4.4 背景图象

4.5 控制背景图象

你不仅可以将图象放在要素后面,你还可以精确地控制背景图象的各项设置。你可以决定是否及如何将其平铺,背景图象应该滚动还是保持固定,及将其放在什么位置。朋友,这是真的!背景重复(background-repeat) 背景重复(background-repeat) 背景定位(background-position

背景(background

 

利用背景属性,你可以设定背景颜色、图象、平铺方法、固定及滚动显示及定位。例:

P { background: url(background.gif) #CCFFCC repeat-y top right

今天学习的是图像

                  定位和叠放。

  • 定位
  • 左边
  • 顶部
  • 宽度
  • 高度
  • 可视性
  • z-index

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值