CSS外框陰影線是一種常用的裝飾元素，可以給網頁增加立體感，提高頁面的美觀程度。在CSS中，我們可以通過box-shadow屬性來實現外框陰影線的效果。

.box{
width: 200px;
height: 200px;
border: 1px solid #ccc;
box-shadow: 2px 2px 5px #999;
}

上面的代碼中，.box是一個div元素的class名，在該元素上定義了寬度、高度以及邊框顏色。而box-shadow屬性包含三個值，分別表示陰影的位置、模糊度和顏色。

陰影的位置有以下語法：
h-shadow：表示陰影的水平位置，可以是負數、正數或0，負數表示陰影在元素左側，正數表示陰影在元素右側，0表示陰影和元素重疊。
v-shadow：表示陰影的垂直位置，也可以是負數、正數或0，負數表示陰影在元素上方，正數表示陰影在元素下方，0表示陰影和元素重疊。

模糊度是陰影邊緣模糊程度，越大越模糊，也可以是0。而顏色可以是十六進制、RGB或RGBA值。

除了單一的陰影，我們還可以為元素設置多個陰影，并用逗號分隔它們的屬性值。例如下面的代碼：

.box{
width: 200px;
height: 200px;
border: 1px solid #ccc;
box-shadow: 2px 2px 5px #999, -2px -2px 5px #666;
}

上面的代碼中，.box元素除了一個右下方的灰色陰影外，還有一個左上方的深色陰影。

總結來說，CSS外框陰影線是一種簡單而實用的裝飾元素，可以通過box-shadow屬性實現。我們可以通過調整它的位置、模糊度和顏色來達到不同的效果。