Coins arrondis et ombre portée en CSS

0Ted • 8th oct 2009 • Script html, Tuto, Webdesign • , , ,

Box

Code :

  1. <style type="text/css">
  2. .shadow{
  3. box-shadow: 7px 7px 8px #818181;
  4. -webkit-box-shadow: 7px 7px 8px #818181;
  5. -moz-box-shadow: 7px 7px 8px #818181;
  6. filter: progid :D XImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);
  7. }
  8. #box {
  9. border-radius:7px;
  10. line-height:48px;
  11. width:200px;
  12. height:50px;
  13. background-color:#6B86A6;
  14. text-align: center;
  15. color: white;
  16. line-height: 47px;}
  17. </style>
  18. <div id="box" class="shadow"><strong>Box</strong></div>

Ne fonctionne pas sous IE

No Comments Flux des commentaires

Add a Comment