国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

CSS輪廓

涉及到的屬性有:

outline 在一個(gè)聲明中設(shè)置所有的輪廓屬性。???

outline-color?? 設(shè)置輪廓的顏色。???

outline-style?? 設(shè)置輪廓的樣式。???

outline-width?? 設(shè)置輪廓的寬度。

為了演示我們先在原來的 html 中加入兩個(gè) p 標(biāo)簽:

<p class="one">This is some text in a paragraph.</p>
<p class="two">This is some text in a paragraph.</p>

然后在 CSS 中加入這幾個(gè)屬性的具體設(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 時(shí),Internet Explorer 8 (以及更高版本) 才支持 outline-width 屬性。</p>
</body>
</html>

下面是效果圖:

QQ截圖20161011153145.png


CSS 邊框?qū)傩?/p>

"CSS" 列中的數(shù)字指示哪個(gè) CSS 版本定義了該屬性。

QQ截圖20161011153154.png

繼續(xù)學(xué)習(xí)
||
<!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 時(shí),Internet Explorer 8 (以及更高版本) 才支持 outline-width 屬性。</p> </body> </html>
提交重置代碼