CSS輪廓
涉及到的屬性有:
outline 在一個聲明中設置所有的輪廓屬性。???
outline-color?? 設置輪廓的顏色。???
outline-style?? 設置輪廓的樣式。???
outline-width?? 設置輪廓的寬度。
為了演示我們先在原來的 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ù)就不過多的贅述:
<!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 邊框屬性
"CSS" 列中的數(shù)字指示哪個 CSS 版本定義了該屬性。