Tạo bóng đổ cho khung bằng css

opera firefox chrome

.shadow {
  -moz-box-shadow: 5px 5px 5px #ccc;
  -webkit-box-shadow: 5px 5px 5px #ccc;
  box-shadow: 5px 5px 5px #ccc;
}

 inset shadow

.shadow {
   -moz-box-shadow:inset 0 0 10px #000000;
   -webkit-box-shadow:inset 0 0 10px #000000;
   box-shadow:inset 0 0 10px #000000;
}

1. thamso1: Bóng đổ theo chiều ngang, nghĩa là phần bóng đổ sẽ lệch về phía phải của đối tượng.
2. thamso2: Bóng đổ theo chiều dọc, nghĩa là phần bóng đổ sẽ lệch về phía trên của đối tượng.
3. thamso3: Độ rộng hay còn gọi là độ dày của bóng đổ.
4. màu: Màu sắc của phần bóng đổ.

với ie

 

    .shadow
    { filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=32);
      ms-filter: 'progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=32)';}

}

direction: góc đổ bóng

strength : độ dày

color: màu

xem thêm http://samples.msdn.microsoft.com/workshop/samples/author/filter/Shadow.htm