如何給表格邊框添加陰影?
在CSS中,我們可以使用box-shadow
屬性給表格邊框添加陰影,這個屬性接受四個值,分別是水平偏移、垂直偏移、模糊半徑和顏色,下面是一個簡單的例子:
table { box-shadow: 10px 10px 5px #000; }
在這個例子中,10px 10px
表示陰影的水平偏移和垂直偏移都是10像素,5px
表示模糊的半徑是5像素,#000
表示陰影的顏色是黑色,你可以根據(jù)需要調(diào)整這些值。
如果你想要讓表格的四個角都有陰影,那么可以這樣做:
table { box-shadow: 10px 10px 5px #000, -10px -10px 5px #000; }
在這個例子中,我們添加了兩個陰影,一個在左下角,一個在左下角,這樣可以讓四個角都有陰影。
如果你想要讓表格的邊框更加突出,那么可以使用border
屬性來添加一條明顯的邊框:
table { border: 2px solid #000; box-shadow: 10px 10px 5px #000, -10px -10px 5px #000; }
在這個例子中,我們添加了一條2像素寬的黑色邊框,以及四個角的陰影,這樣可以讓表格的邊框更加突出,同時也增加了陰影效果。