輪廓（outline）是繪制于元素周圍的一條線，位于邊框邊緣的外圍，可起到突出元素的作用。
輪廓（outline）屬性指定元素輪廓的樣式、顏色和寬度。
| border:1px solid red;outline-style:dotted;outline-color:#00ff00; |
| <!DOCTYPE html><html><head><meta charset="utf-8"> <title></title> <style>p {border:1px solid red;}p.dotted {outline-style:dotted;}p.dashed {outline-style:dashed;}p.solid {outline-style:solid;}p.double {outline-style:double;}p.groove {outline-style:groove;}p.ridge {outline-style:ridge;}p.inset {outline-style:inset;}p.outset {outline-style:outset;}</style></head><body><p class="dotted">點(diǎn)線輪廓</p><p class="dashed">虛線輪廓</p><p class="solid">實(shí)線輪廓</p><p class="double">雙線輪廓</p><p class="groove">凹槽輪廓</p><p class="ridge">壟狀輪廓</p><p class="inset">嵌入輪廓</p><p class="outset">外凸輪廓</p><p><b>注意:</b> 如果只有一個(gè) !DOCTYPE 指定 IE 8 支持 outline 屬性。</p></body></html> |
| p.one{ border:1px solid red; outline-style:solid; outline-width:thin;}p.two{ border:1px solid red; 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> |
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持錯(cuò)新站長(zhǎng)站。
新聞熱點(diǎn)
疑難解答
圖片精選
