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