CSS中的輪廓(outline)是什么意思呢？它可以用來在元素周圍創建一條線條或邊框，而不會影響元素的大小和位置。

一個實例代碼展示了如何使用CSS輪廓：

border: 2px solid black;
outline: red dotted 2px;

在這個例子中，元素有一個黑色的2像素邊框，以及一個紅色的虛線輪廓，寬度也是2像素。

注意，輪廓不同于邊框(border)。輪廓通常被用來在元素獲得焦點時(比如input 元素)，通過增加視覺反饋，提高用戶體驗。

一些常用的輪廓基本樣式包括：虛線(dotted)，實線(solid)，雙實線(double)，點劃線(dashed)等。

CSS輪廓的另一個重要特征是其可以通過:focus偽類來控制，這意味著輪廓只能在元素獲得焦點的時候顯示。

總而言之，CSS輪廓可以用來在元素周圍創建一條線條或邊框，而不會影響元素的大小和位置，通常被用來增加用戶體驗。