CSS輪廓
涉及到的屬性有：
outline 在一個聲明中設(shè)置所有的輪廓屬性。
outline-color 設(shè)置輪廓的顏色。
outline-style 設(shè)置輪廓的樣式。
outline-width 設(shè)置輪廓的寬度。
為了演示我們先在原來的 html 中加入兩個 p 標簽：
<p class="one">This is some text in a paragraph.</p> <p class="two">This is some text in a paragraph.</p>
然后在 CSS 中加入這幾個屬性的具體設(shè)置，設(shè)置參數(shù)就不過多的贅述：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
p.one
{
border:red solid thin;
outline-style:solid;
outline-width:thin;
}
p.two
{
border:red solid thin;
outline-style:dotted;
outline-width:3px;
}
</style>
</head>
<body>
<p class="one">This is some text in a paragraph.</p>
<p class="two">This is some text in a paragraph.</p>
<p><b>注釋：</b>只有在規(guī)定了 !DOCTYPE 時，Internet Explorer 8 （以及更高版本） 才支持 outline-width 屬性。</p>
</body>
</html>下面是效果圖：
CSS 邊框?qū)傩?/p>
"CSS" 列中的數(shù)字指示哪個 CSS 版本定義了該屬性。
