站長(zhǎng)資訊網(wǎng)
在css中，outline指的是設(shè)置元素輪廓的屬性，可以指定元素輪廓的樣式、顏色和寬度。outline是一個(gè)簡(jiǎn)寫屬性，可以在一個(gè)聲明中按順序同時(shí)設(shè)置樣式、顏色和寬度，語法“outline:outline-color outline-style outline-width;”；如果不設(shè)置其中的某個(gè)值，也不會(huì)出問題。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
CSS 輪廓（outline）
輪廓（outline）是繪制于元素周圍的一條線，位于邊框邊緣的外圍，可起到突出元素的作用。
輪廓（outline）屬性指定元素輪廓的樣式、顏色和寬度。
outline簡(jiǎn)寫屬性在一個(gè)聲明中設(shè)置所有的輪廓屬性。
可以設(shè)置的屬性分別是（按順序）：outline-color, outline-style, outline-width
| 值 | 描述 |
|---|---|
| outline-color | 規(guī)定邊框的顏色。 |
| outline-style | 規(guī)定邊框的樣式。 |
| outline-width | 規(guī)定邊框的寬度。 |
如果不設(shè)置其中的某個(gè)值，也不會(huì)出問題，比如 outline:solid #ff0000; 也是允許的。
示例：設(shè)置元素周圍的輪廓
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> p { border: 1px solid red; outline: green dotted thick; } </style> </head> <body> <p>測(cè)試文本， outline屬性樣式。</p> </body> </html>
（學(xué)習(xí)視頻分享：web前端入門）
