2013-07-17 3 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: 0px

color: #eee

+1

Большое вам спасибо за ваш ответ – user1781367

+0

в любое время ..... :) –

Смежные вопросы