如何将 CSS 加诸于网页

　2008-03-09 11:31:04　来源：WEB开发网　　　

核心提示：CSS 中 Color 的扩充属性{color: red} 此属性用来指定字体的颜色，画底线的部分可以用各式各样的颜色来替换之，如何将 CSS 加诸于网页(3)，您可以使用16 进位颜色码表示（如：#00ff77）或利用浏览器既定的英文单字表示颜色（如：gray, blue..... 详细请见： T

CSS 中 Color 的扩充属性
{color: red}

此属性用来指定字体的颜色。画底线的部分可以用各式各样的颜色来替换之。您可以使用16 进位颜色码表示（如：#00ff77）或利用浏览器既定的英文单字表示颜色（如：gray, blue..... 详细请见： Table 的扩充属性）。

如果您指定的颜色如同 #00ff77 一般，是两位数字、两位数字重覆组成的话 (00, ff,77 而非 03, 8f,7e ) ，您可以直接使用 #0f7简化表示之。

参考范例：

BLOCKQUOTE {color: navy}
LI {color: #eedd44}
LI {color: #ed4}
P {color: #007f3a}

{background-color: red}

此属性用来指定整个网页的背景颜色，或某一段落，某一区块的背景颜色。画底线的部分可以用各式各样的颜色来替换之。您可以使用16 进位颜色码表示（如：#00ff77）或利用浏览器既定的英文单字表示颜色（如：gray, blue..... 详细请见： Table 的扩充属性）。

如果您指定的颜色如同 #00ff77 一般，是两位数字、两位数字重覆组成的话 (00, ff,77 而非 03, 8f,7e ) ，您可以直接使用 #0f7简化表示之。

参考范例：

BODY {background-color: #ed4}
BLOCKQUOTE {background-color: navy}
H2 {background-color: #007f3a}

{background-image: url (/images/xyz.gif)}

此属性用来指定网页或某一区块的背景图案。画底线的部分可以使用图档的绝对位置或相对位置来表示之。

使用此标签时，最好同时也指定一个类似的颜色做背景颜色。

参考范例：

BODY {
background-image: url (/images/2T_logo.gif);
background-color: #ededff
}
LI {
background-image: url (http://www.2T.com/2T_logo.gif);
background-color: #cef
}

{background: (…)}

此标签可以集结所有跟 background 有关的扩充属性在此一标签内，所以您可以将所有上述介绍过的 background 属性一起加进来。

参考范例：

BODY {background: white url (/images/2T_logo.gif) repeat-y}
LI {background: #cc88ff url (http://www.2T.com/2T_logo.gif) no-repeat}

CSS 中 Text 的扩充属性
{text-decoration: none}

此属性用来指定文字是否画有底线或被线条杠掉（如：被线条杠掉此例）。画底线的部分可以用 none, underline, line-through 来替换之。

此属性的内定值为 none。

参考范例：

P {
color: navy;
text-decoration: none
}
A:link, A:visited, A:active {
text-decoration: underline
}

{text-align: left}

此属性用来指定文字是向左、向中、或向右对齐。画底线的部分可以用 left, right, center, justify 来替换之。

参考范例：