.shadow {
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

如上代碼所示，我們定義了一個類名為.shadow的樣式，其中box-shadow屬性用來設置方框的陰影效果。其中，2px用來設置陰影的橫向和縱向偏移量，5px用來設置陰影的模糊半徑，rgba(0, 0, 0, 0.3)用來設置陰影的顏色及透明度。

具體來說，rgba(0, 0, 0, 0.3)中的前三個數字表示陰影的顏色（這里是黑色），0.3表示陰影的透明度，數值越小，陰影越淡。

如果想要在沒有設置背景色的情況下，使得陰影從邊框外側開始，在上述代碼基礎上直接加上如下代碼即可：

.shadow2 {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

其中，只設置了模糊半徑，其余屬性均為0，這樣就可以讓陰影從邊框外側開始了。

除了box-shadow，還可以用text-shadow設置文字的陰影效果，和上述代碼類似。在使用時，可以根據需求調整屬性值，實現各種獨特的陰影效果。