outline （輪廓）是繪制于元素周圍的一條線，位于邊框邊緣的外圍，可起到突出元素的作用。
注釋：輪廓線不會占據空間，也不一定是矩形。
outline 簡寫屬性在一個聲明中設定所有的輪廓屬性。
簡單說，當我們直接單擊文本框裡面是，外部會出現一個高亮的效果，對，這個就是outline；如果要設定一個橢圓形的文本框時outline 就顯得多餘了，可以設定outline：none；設定輪廓線為none，另外也可以outline-width:0px;
上代碼：
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>-_-</title>
</head>
<body>
使用者名：<input type="text" style="width:180px;height:25px;border-radius:15px;outline:none;" placeholder="請輸入你的使用者名">
</body>
</html>
簡單漂亮的文本框！
![CSS的僞元素和僞類的差別[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)