在html5中，設置倒立的陰影是一個比較容易實現的功能。可以用CSS3的box-shadow屬性來實現。

box-shadow: inset Xpx Ypx Blurpx Spreadpx color;

其中inset關鍵字表明陰影應該是內陰影，即在元素內部，Xpx和Ypx是相對于元素內部左上角的偏移量，Blurpx是模糊效果的像素數，Spreadpx是陰影的擴展大小，color是陰影的顏色。

如果想讓陰影倒立，可以將inset去掉，然后調整Ypx的值：

box-shadow: Xpx -Ypx Blurpx Spreadpx color;

這樣設置后，陰影就會像是懸浮在元素上方，具有倒立的效果?？梢愿鶕枰{整Xpx、Ypx、Blurpx和Spreadpx等值。同時，還可以使用多個box-shadow屬性來創建多個陰影效果。