CSS设置字体、颜色、背景、文本和边框

2023-11-19 理论教育版权反馈

【摘要】：从CSS的基本定义语句selector{property：value[；property：value……]}就可以看出，属性和值是CSS样式表非常重要的部分。CSS属性可分为字体、颜色及背景、文本、方框、分类和定位属性等几大类。有关CSS样式表属性和值的详细说明请参考“附录ACSS样式表属性”。程序“css323_1.htm”中演示了字体属性的分项表示和综合表示；对＜table＞表格中的行列演示了用border属性综合表示边框。图3-12 CSS字体、颜色及背景、文本、边框属性E_css_3.htm：

从CSS的基本定义语句selector{property：value[；property：value……]}就可以看出，属性（property）和值（value）是CSS样式表非常重要的部分。CSS属性可分为字体、颜色及背景、文本、方框、分类和定位属性等几大类。

有关CSS样式表属性和值的详细说明请参考“附录ACSS样式表属性”。

程序“E_css_3.htm”演示了CSS字体、颜色及背景、文本、边框属性的简单用法。边框属性中，边框的粗细、颜色等既可分项表示也可综合表示，如边框的颜色属性有分项表示：border-top-color、border-right-color、border-bottom-color、border-left-color（上、右、下、左）；也有综合表示：border-color。程序“css323_1.htm”中演示了字体属性的分项表示和综合表示；对＜table＞表格中的行列演示了用border属性综合表示边框。背景图像的位置（background-position）属性可以定位背景图像的绝对位置，这是HTML标记不具备的功能，百分比是以浏览器窗口的大小而言，浏览器窗口左上角为原点，横向为X坐标，竖向为Y坐标。

使用“记事本”输入“E_css_3.htm”程序并存放在应用目录“webapps/ROOT”下的E20目录中。在浏览器地址栏中输入：http：//192.168.2.1：8080/E20/E_css_3.htm，则浏览器窗口显示如图3-12所示。

(www.chuimin.cn)

图3-12 CSS字体、颜色及背景、文本、边框属性

E_css_3.htm：

CSS设置字体、颜色、背景、文本和边框

相关推荐