CSS 文本格式 - 爱码网

整理自：（http://www.w3school.com.cn/css/css_text.asp）

Text Color

颜色属性被用来设置文字的颜色。

颜色是通过CSS最经常的指定：

十六进制值 - 如"＃FF0000"
一个RGB值 - "RGB（255,0,0）"
颜色的名称 - 如"红"

参阅 CSS 颜色值查看完整的颜色值。

一个网页的背景颜色是指在主体内的选择

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8"> 
 5 <title></title> 
 6 <style>
 7 body {color:red;}
 8 h1 {color:#00ff00;}
 9 p.ex {color:rgb(0,0,255);}
10 </style>
11 </head>
12 
13 <body>
14 <h1>这是标题 1</h1>
15 <p>这是一个普通的段落。请注意,本文是红色的。页面中定义默认的文本颜色选择器。</p>
16 <p class="ex">这是一个类为"ex"的段落。这个文本是蓝色的。</p>
17 </body>
18 </html>

????对于W3C标准的CSS：如果你定义了颜色属性，你还必须定义背景色属性。

文本的对齐方式

文本排列属性是用来设置文本的水平对齐方式。

文本可居中或对齐到左或右,两端对齐.

当text-align设置为"justify"，每一行被展开为宽度相等，左，右外边距是对齐（如杂志和报纸）。

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8"> 
 5 <title></title> 
 6 <style>
 7 h1 {text-align:center;}
 8 p.date {text-align:right;}
 9 p.main {text-align:justify;}
10 </style>
11 </head>
12 
13 <body>
14 <h1>CSS text-align 实例</h1>
15 <p class="date">2015 年 3 月 14 号</p>
16 <p class="main">“当我年轻的时候，我梦想改变这个世界；当我成熟以后，我发现我不能够改变这个世界，我将目光缩短了些，决定只改变我的国家；当我进入暮年以后，我发现我不能够改变我们的国家，我的最后愿望仅仅是改变一下我的家庭，但是，这也不可能。当我现在躺在床上，行将就木时，我突然意识到：如果一开始我仅仅去改变我自己，然后，我可能改变我的家庭；在家人的帮助和鼓励下，我可能为国家做一些事情；然后，谁知道呢?我甚至可能改变这个世界。”</p>
17 <p><b>注意：</b> 重置浏览器窗口大小查看 &quot;justify&quot; 是如何工作的。</p>
18 </body>
19 
20 </html>

文本修饰

text-decoration 属性用来设置或删除文本的装饰。

从设计的角度看 text-decoration属性主要是用来删除链接的下划线：

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8"> 
 5 <title></title> 
 6 <style>
 7 a {text-decoration:none;}
 8 </style>
 9 </head>
10 
11 <body>
12 <p>链接到百度: <a href="http://www.baidu.com/">runoob.com</a></p>
13 </body>
14 
15 </html>

View Code