前面例子里提到的，例如用来定义字体颜色的color，字体大小的font-size，都是CSS的属性。从这一课起，就开始详细介绍CSS的各类属性。

每一个网页都可以理解成是被一个方框框起来的，而页面中不同的部分又可以分为一个个小的方框。因此定义方框的边距、边界、颜色等的边框属性应用而生。

1、边距属性：

·左边距（margin-left）

·右边距（margin-right）

·上边距（margin-top）

·下边距（margin-bottom）

·边距（margin）

边距属性定义HTML页面中方框四边和其他元素之间的空白距离，每一个margin-side属性只影响到一条边，而margin则提供了一个同时设置四个边距的机会。

2、填充属性：

·左填充（padding-left）

·右填充（padding-right）

·上填充（padding-top）

·下填充（padding-bottom）

·填充（padding）

填充属性设置边框和内部元素的距离。它和边距属性十分相似，每个padding-side定义一个边框距离，padding则同时定义四个距离。

3、边界属性

·上边界宽（border-top-width）

·右边界宽（border-right-width）

·下边界宽（border-bottom-width）

·左边界宽（border-left-width）

·边界宽（border-width

这几个属性定义边界宽度，用thin、medium和thick分别表示细、中等和粗，或者指定具体的数值来定义边界的宽度。

·边界颜色（border-color）

这个属性定义边界的颜色，可以用16种颜色名或RGB值来设置。如果指定一种颜色，则表示四个边框是一种颜色，指定两种颜色，则定义顺序为上下、左右；指定三种颜色，顺序为上、左右、下；指定四种颜色，顺序则为上、右、下、左。16种颜色名分别为：aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow。RGB值则应表示为#RRGGBB或r%,g%,b%。

·边界样式（border-style）

该属性用以定义边框的风格呈现式样。共有九种。 none － 不显示边框，为缺省值dotted － 点线dashed —虚线solid － 实线double － 双线groove －凹线ridge － 凸线inset － 使整个方框凸起outset － 使整个方框凹陷

·上边界（border-top）

·右边界（border-right）

·下边界（border-bottom）

·左边界（border-left）

·边界（border）

这几个是简写属性，它集合了上面几种属性的特点，可使用其给边框一次性定义宽度、式样和颜色。各属性值之间用空格隔开。

4、尺寸属性

定义方框的宽度width和高度height。

例：P.sample {width: 300px;

height: 200px }

5、浮动和清除属性

浮动属性是指某一对象在母体元素内的浮动位置，清除属性和浮动属性一起使用，则表示同一母体内的其他对象可以流到浮动对象的旁边。

例：

.float1 { float: left;

clear: right }

假如这个样式定义在表格单元中的某个对象，则该对象将浮动在单元中的左边，而同一单元格中的其他对象在它右边的周围部分。

这里是一个比较完整的例子，把这个例子按样输入，建立一个HTML文件，看看它的显示样式： < html>< head>< title> a sample< /title>< style>< !--P.example {margin-left: 20px;padding-top: 50px;border: 10px red outset;float: rightclear: none}-->< /style>< /head>< body>< P class="example"> < p>这是一个关于边框属性的完整实例< /p> < p>看看它的显示风格< /p>< /P>< /body>< /html>