CSS中添加輪廓是為了方便用戶清晰地看到頁面元素的邊界。在CSS中，通過outline屬性來設置文本和元素的輪廓。

/* 設置元素輪廓 */
.box {
outline: 2px solid red;
}
/* 設置文本輪廓 */ 
p {
outline: 1px dotted blue;
}

上述代碼中，我們使用outline屬性設置元素和文本的輪廓。其中，outline有以下幾個可選屬性值：

• outline-width：設置輪廓的寬度，常用的值有thin、medium、thick，也可以使用數字表示像素值。
• outline-style：設置輪廓的樣式，常用的值有solid、dashed、dotted等。
• outline-color：設置輪廓的顏色，可以是具體的顏色值，也可以使用關鍵詞或者是rgb值。

此外，我們還可以使用outline-offset屬性來設置輪廓偏移量，即輪廓與元素邊緣的距離。該屬性值可以是正負值，表示向外或向內偏移的像素值。

需要注意的是，outline和border的區別在于，輪廓是在元素外部，而邊框是在元素內部。此外，輪廓并不占用實際的空間，不會影響布局。

綜上所述，使用outline屬性可以為頁面的元素和文本添加清晰明確的輪廓，增強頁面的可讀性和美觀度。