一.行内样式表
? <body style="background-color: #FF0000;">?
????? <p>这个页面是红色的</p>
? </body>
二.内部样式表
? <head> ?
??<title>例子</title>????
?? <style type="text/css"> ???????
???body {background-color: #FF0000;} ???
?? </style> ?
?? </head>
?
三.外部样式表
?
style.css
文件内容如下:
?body {
??? background-color: #FF0000;
?}
<head>
??? <title>我的文档</title>
??? <link rel="stylesheet" type="text/css" href=“style/style.css" />
? </head>
?
颜色在CSS里的应用非常广泛,如:color,border,background,box-shadow等的属性都接受颜色值作为属性值。CSS颜色值的设置也是多样化的,以下是到目前为止CSS中颜色值设置的方法。
CSS 预定义颜色(就是使用颜色的英文)
W3C定义了一组SVG的颜色表,同样是CSS颜色模块所指的颜色,他们是一些指向特定颜色的单词,如:white, black ,red等。color:red; color:green; color:blue; 以下是16种标准颜色值表
? | Black = #000000 | ? | Green = #008000 | ? | Silver = #C0C0C0 | ? | Lime = #00FF00 |
? | Gray = #808080 | ? | Olive = #808000 | ? | White = #FFFFFF | ? | Yellow = #FFFF00 |
? | Maroon = #800000 | ? | Navy = #000080 | <