边框属性实例（一）

你的位置是:CSS教程->CSS实例篇

边框属性实例（一）

1.border-top-width参数

源代码已在下面文本框列出，以供参考：

2.border-right-width参数

源代码已在下面文本框列出，以供参考：

<HEAD><META http-equiv="Content-Type" content="text/html; charset=gb2312"><TITLE>border-right-width参数</TITLE><STYLE>DIV {border:solid}.border-right-width {border-right-width:10px}</STYLE></HEAD><DIV class="border-right-width">边框区的右边的大小是10px，其他边是默认值。</DIV>

3.border-bottom-width参数

用法实例如下：点击这里看运行效果

源代码已在下面文本框列出，以供参考：

4.border-left-width参数

用法实例如下：点击这里看运行效果

源代码已在下面文本框列出，以供参考：

5.border-width参数

用法实例如下：点击这里看运行效果

源代码已在下面文本框列出，以供参考：

6.border-top-color参数

用法实例如下：点击这里看运行效果

源代码已在下面文本框列出，以供参考：

7.border-right-color参数

用法实例如下：点击这里看运行效果

源代码已在下面文本框列出，以供参考：

8.border-bottom-color参数

用法实例如下：点击这里看运行效果

源代码已在下面文本框列出，以供参考：

<HEAD><META http-equiv="Content-Type" content="text/html; charset=gb2312"><TITLE>border-bottom-color参数</TITLE><STYLE>DIV {border:solid 10px}.border-bottom-color {border-bottom-color:red}</STYLE></HEAD><DIV class="border-bottom-color">边框区的底部是红色的，其他边是默认值(黑色的)。</DIV>

9.border-left-color参数

用法实例如下：点击这里看运行效果

源代码已在下面文本框列出，以供参考：

10.border-color参数

用法实例如下：点击这里看运行效果

源代码已在下面文本框列出，以供参考：