2013-07-17 54 views
0

我知道如何爲表格或圖像製作陰影。有沒有辦法爲邊界製造陰影?這是我的表格單元格CSS。謝謝!向邊界添加樣式以使影子右側或底部

.customerCell{ 
    color: #000000; 
    background:#f4f2e6; 
    border-bottom: 1px solid #ffffff; 
    border-left: 1px solid #ffffff; 
    vertical-align: middle; 
} 

這是我正在談論的邊框的例子。

Example of the borders

+0

你的邊界是什麼意思? div的邊? –

+0

td單元格邊框。對不起 – user1781367

回答

2

如果我明白你是你想要的:Demo.

CSS:

.customerCell{ 
    color: #000000; 
    background:#f4f2e6; 
    border-bottom: 1px solid #ffffff; 
    border-left: 1px solid #ffffff; 
    vertical-align: middle; 
    width: 150px; 
    height: 50px; 
    box-shadow: 3px 3px 2px 0px #eee; 
} 

使用CSS3 box-shadow財產。這parmeters是這樣的:

box-shadow: horizontal-offset vertical-offset blur spread color inset; 

所以你的情況:

horizontal-offset:3px的

vertical-offset:3px的

blur:2px的

spread:0像素

color:#eee

+1

非常感謝你的回答 – user1781367

+0

隨時..... :) –

相關問題