建立边框

你可以使用border属性来建立许多有趣的效果，border属性允许你控制显示在网页元素周围的边框的可见性、颜色、宽度以及类型。

注意

Internet Explorer 3.0不能识别border属性。

下面的例子说明了如何使用这个属性（见图7.36）：

<HTML>

<HEAD>

<TITLE> STYLE </TITLE>

<STYLE>

BODY {text-align: center; font: 14pt Verdana}

.BlueBorder {border: solid blue}

.InsetBorder {border: 20px inset}

.OutsetBorder {border: 20px outset}

.DoubleBorder {border: double}

.GrooveBorder {border: 20px groove}

.RidgeBorder {border: 20px ridge}

</STYLE>

</HEAD>

<BODY>

<P CLASS=BlueBorder> I have a blue border </P>

<P CLASS=InsetBorder> I have an inset border </P>

<P CLASS=OutsetBorder> I have an outset border </P>

<P CLASS=DoubleBorder> I have a double border </P>

<P CLASS=GrooveBorder> I have a grooved border </P>

<P CLASS=RidgeBorder> I have a ridged border </P>

</BODY>

</HTML>

border属性具有三个值：边框的宽度、类型以及颜色。要指定一个边框的宽度，你可以使用前面讨论过的任何一个测量单位，你也可以使用关键字：thin、medium和thick。

style的值决定了边框的类型，有许多关键字都能用于这个值：dotted、dashed、solid、double、groove、ridge、inset和outset。然而，关键字dotted和dashed在Netscape Navigator 4.0上不起作用。

最后，你可以指定边框的颜色，你可以通过使用前面讨论过的任何一种指定颜色的方法来提供这个值。

图7.36 使用border属性