使用CSS美化边框
31 设置边框的样式 2 设置边框的颜色 3 设置边框的线宽 4 设置边框的复合属性
设置边框的样式
3
border-style属性：用于设定边框的样式。设定边框格式是边框最重要的部 分，它主要用于为页面元素添加边框。
基本的语法格式如下：
使用CSS美化边框
设置边框的样式
4
使用CSS美化边框
设置边框的样式
5
如果需要单独地定义边框的一条边的样式，可以 使用下表所列的属性。
使用CSS美化边框
设置边框的样式
6
网页中，标题h1带有边框，其边框样式为点 线式边框； 段落也带有边框，其边框样式为双线式边框。
使用CSS美化边框
设置边框的颜色
7
border-color属性：用于设定边框的颜色。 基本的语法格式如下：
可以为边框设定一种颜色，也可以同时设定4 个边的颜色。
使用CSS美化边框
设置边框的颜色
8
第一个段落的边框颜色分别设置为红色。 第二个段落的边框颜色分别设置为红、蓝、黄和绿。
使用CSS美化边框
设置边框的线宽

border-width属性：用来设定边框宽度的。 基本的语法格式如下：
使用CSS美化边框
设置边框的复合属性
13
网页中，段落边框样 式以破折线显示，颜 色为红色、宽度为12像素。
使用CSS美化边框
知识点回顾：
设置边框的样式 设置边框的颜色 设置边框的线宽
设置边框的复合属性
14
使用CSS美化边框
设置边框的线宽
10
网页中，三个段落边 框以不同的粗细显示。
使用CSS美化边框
设置边框的线宽
11
网页中，段落的4个边框以不同的宽度显示。
使用CSS美化边框
设置边框的复合属性
12
border属性：为页面元素设定边框的宽度、样式和颜色。 基本的语法格式如下：
三个属性的顺序可以自由调换。
使用CSS美化边框