CSS 樣式實現單邊陰影

CSS 中有一個用於實現邊框的陰影的屬性 box-shadow。
如果要實現單邊陰影對 box-shadow屬性值需要進行特別的設定，才可以到達效果。
.shadow-only-bottom{ box-shadow: 0px 7px 7px -7px #5E5E5E;  } .shadow-only-right{ box-shadow: 7px 0px 7px -7px #5E5E5E;  } .shadow-only-left{ box-shadow: -7px 0px 7px -7px #5E5E5E;  } .showdow-only-top{ box-shadow: 0px -7px 7px -7px #5E5E5E;  }
 
box-shadow 配置說明

值	描述
h-shadow	必需。水平陰影的位置。允許負值。
v-shadow	必需。垂直陰影的位置。允許負值。
blur	可選。模糊距離。
spread	可選。陰影的尺寸。
color	可選。陰影的顏色。請參閱 CSS 顏色值。
inset	可選。將外部陰影 (outset) 改為內部陰影。