4.7.1  元素的边框与边距

容器类元素都有边框和边距，边距又分为外边距和内边距，边框与边距均有上、下、左、右4条边。

4.7.2  设置元素边框与边距

1．设置边框

（1）设置边框类型

（2）统一设置边框的宽度、颜色和边框类型

（3）分别设置边框的宽度、颜色和边框类型

2．设置内边距

3．设置外边距

4.7.3  制作文字按钮综合范例

4.7.4  制作导航栏综合范例

采用任务驱动的方式，引导学生学习制作导航栏。

1．制作纵向排列导航栏

 1、需要定义DIV块的尺寸，适合用于确定导航栏（文本列表）的位置。

2、定义一个文本列表及其整体样式，定义好边距。

3、制作列表项，做出纵向分隔符的美观效果。

4、制作列表项超链接整体样式。

5、制作列表项超链接在未访问、已访问的显示效果，以及鼠标指针经过时的显示效果，通过反差效果增强美感，要充分利用左边框的颜色做好突出显示。

2．制作横向排列导航栏