VB.net 2010 视频教程 VB.net 2010 视频教程 python基础视频教程
SQL Server 2008 视频教程 c#入门经典教程 Visual Basic从门到精通视频教程
当前位置:
首页 > 网站开发 > css >
  • div+css视频教程之为你的世界添加色彩

欢迎进入第4天的课程。在此之前我们主要谈了文字样式设定,现在我们探讨一下要素和图象方面的样式设置。通过学习今天的课程,我们将掌握如何给要素赋予色彩,将图象放在要素后面。如果以前你一直不认为CSS是一种很有用的东西,那么今天将是你大彻大悟的一天。
我们将学习以下CSS属性:
 
颜色
背景色
背景图象
重复背景
固定背景
背景定位
背景

为你的世界添加色彩 

首先,我们谈一下将颜色加到网页要素上。
颜色
 
颜色属性并不陌生,它的用法很象HTML中使 用的参数值。
 
B { color: #333399 }
 
根据这项CSS规则,浏览器将网页上所有的加 重体字以设定的颜色显示,象这几个字那样。
 
如果你的浏览器不支持这项CSS属性,请点击 这里查看英文原版的显示效果。
 
有3种方法用于设定你所需要的颜色:
 
颜色名称
CSS所用的颜色名称同我们常用的称呼 方式。16种基本色为aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow.
 
但是Netscape和Microsoft的浏览器还 认可数百种其它色彩名称,参见 HYPE's Color Specifier.
 
16进制(hex)色彩控制
使用16进制数可实现对色彩的更精确 的控制,其格式为 #336699。16进制 (hex)色彩控制详见 Webreference.com。
 
CSS还支持某些hex值的快捷计数法。 比如, #336699可以被称为 #369。 浏览器会将其按照16进制格式阐释。
 
RGB值
对于习惯于RGB计数法的用户,这里 将提供一种全新的色彩设定方法。 RGB法通常用于图象应用软件例如 Photoshop。利用RGB设定色彩的方法 如下:
 
B { color: rgb(51,204,0) } RGB的数值范围从0到255,R代表红色, G代表绿色,B代表蓝色。
 

相关教程