border:2px soild #eee;
margin: 15px 15px;
-webkit-box-shadow: 2px 3px 8px #eee;
-moz-box-shadow: 2px 3px 8px #eee;
box-shadow: 2px 3px 8px #eee;
требует, чтобы Вы установили горизонтальный & вертикальные смещения, можно затем дополнительно установить размытость и цвет, можно также принять решение иметь теневую вставку вместо начала по умолчанию. Цвет может быть определен как [1 114] шестнадцатеричное число или rgba.
тень поля : v-смещение h-смещения вставки/начала размывает цвет распространения;
Объяснение значений...
вставка/начало - является ли тень внутри или снаружи поля. Если не указанный это примет значение по умолчанию к началу.
h-смещение - горизонтальное смещение тени (требуемое значение)
v-смещение - вертикальное смещение тени (требуемое значение)
размытость - как это говорит, размытость тени
распространилась - отодвигает тень от поля одинаково на всех сторонах. Положительное значение заставляет тень расширяться, отрицательные причины это для заключения контракта. Хотя это значение не часто используется, это полезно с несколькими тенями.
цвет - как это говорит, цвет тени
поле-shadow:2px 3px 8px #eee; серая тень с горизонтальным началом 2 пкс, вертикальных из 3 пкс и размытостью 8 пкс
.allSides
{
width:350px;height:200px;
border: solid 1px #555;
background-color: #eed;
box-shadow: 0 0 10px rgba(0,0,0,0.6);
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
-o-box-shadow: 0 0 10px rgba(0,0,0,0.6);
}
Использование это в парении для наблюдения его фактического эффекта это даст границу & тень отделению.