Sombra sencilla en un elemento DIV

By Jorge Carretero on octubre 20th, 2007

La sombra está de moda, las hay muy sofisticadas utilizando imágenes que hay que ajustar y medir…

Podemos utilizar también sombras sencillas que no son tan resultonas, pero le dan una gracia a las capas:
Código CSS


.seccion {
    margin:-3px 2px 2px -3px;
    padding-left:1em;
    padding-right:1em;
    background:#FBFBFF none repeat scroll 0%;
    border:1px solid #999999;
}

.back{
    background: black none repeat scroll 0%;
    margin:3% 2% 2% 3em;
    padding:0.1%;
}

Código HTML


<div class="back">
  <div class="seccion">
    Lorem ipsum dolor sit amet, consectetuer adipiscing
    elit. Duis tellus. Quisque lectus sapien, vulputate
    ut, posuere in, molestie id, risus. Duis dolor.
    Suspendisse consectetuer felis at sapien volutpat
    commodo. Pellentesque metus. Vestibulum pretium,
    nulla nec rutrum porta, erat augue bibendum erat,
    eu ...
   </div>
</div>

Y así se ve:

Categorized under: CSS, Diseño, Ejemplo, HTML, Maquetación.
Tagged with: no tags.

31 Responses to “Sombra sencilla en un elemento DIV”

  1. katalog fryzur damskich 2012 dice:
    Jueves 8 diciembre, 2011 a las 19:14

    2012 Fashion ideas 30…

    No one who cannot rejoice in the discovery of his own mistakes deserves to be called a scholar….

  2. pret immobilier dice:
    Domingo 18 marzo, 2012 a las 17:50

    … [Trackback]…

    [...] Read More here: arcoe.es/2007/10/20/sombra-sencilla-en-un-elemento-div/ [...]…

  3. comparateur assurance auto dice:
    Lunes 19 marzo, 2012 a las 0:48

    … [Trackback]…

    [...] Informations on that Topic: arcoe.es/2007/10/20/sombra-sencilla-en-un-elemento-div/ [...]…

  4. Tarzan vibrator dice:
    Martes 20 marzo, 2012 a las 0:40

    … [Trackback]…

    [...] Informations on that Topic: arcoe.es/2007/10/20/sombra-sencilla-en-un-elemento-div/ [...]…

  5. hardwoodflooringcost.org dice:
    Martes 20 marzo, 2012 a las 2:41

    … [Trackback]…

    [...] Read More: arcoe.es/2007/10/20/sombra-sencilla-en-un-elemento-div/ [...]…

  6. เกมส์ ทํา อาหาร ฟรี dice:
    Miércoles 21 marzo, 2012 a las 8:19

    … [Trackback]…

    [...] There you will find 70414 more Infos: arcoe.es/2007/10/20/sombra-sencilla-en-un-elemento-div/ [...]…

  7. phlebotomy certification training dice:
    Miércoles 21 marzo, 2012 a las 17:38

    … [Trackback]…

    [...] Informations on that Topic: arcoe.es/2007/10/20/sombra-sencilla-en-un-elemento-div/ [...]…

  8. custom silicone bracelets dice:
    Miércoles 21 marzo, 2012 a las 21:55

    … [Trackback]…

    [...] Read More: arcoe.es/2007/10/20/sombra-sencilla-en-un-elemento-div/ [...]…

  9. \Percocet side effects\ dice:
    Viernes 23 marzo, 2012 a las 1:24

    … [Trackback]…

    [...] Read More: arcoe.es/2007/10/20/sombra-sencilla-en-un-elemento-div/ [...]…

  10. lennot kreikkaan dice:
    Viernes 23 marzo, 2012 a las 17:36

    … [Trackback]…

    [...] Read More here: arcoe.es/2007/10/20/sombra-sencilla-en-un-elemento-div/ [...]…

  11. barbie games dice:
    Sábado 24 marzo, 2012 a las 6:13

    … [Trackback]…

    [...] Read More here: arcoe.es/2007/10/20/sombra-sencilla-en-un-elemento-div/ [...]…

  12. side effects of Tramadol dice:
    Domingo 1 abril, 2012 a las 2:18

    … [Trackback]…

    [...] Informations on that Topic: arcoe.es/2007/10/20/sombra-sencilla-en-un-elemento-div/ [...]…

  13. free download games dice:
    Miércoles 4 abril, 2012 a las 4:17

    … [Trackback]…

    [...] Read More: arcoe.es/2007/10/20/sombra-sencilla-en-un-elemento-div/ [...]…

  14. movies dice:
    Miércoles 4 abril, 2012 a las 7:43

    … [Trackback]…

    [...] Read More here: arcoe.es/2007/10/20/sombra-sencilla-en-un-elemento-div/ [...]…

  15. Bikes Wallpapers dice:
    Jueves 5 abril, 2012 a las 20:36

    … [Trackback]…

    [...] Read More here: arcoe.es/2007/10/20/sombra-sencilla-en-un-elemento-div/ [...]…

  16. la loza dice:
    Viernes 6 abril, 2012 a las 1:02

    … [Trackback]…

    [...] Read More here: arcoe.es/2007/10/20/sombra-sencilla-en-un-elemento-div/ [...]…

  17. เพลงใหม่ ของดา dice:
    Sábado 7 abril, 2012 a las 10:48

    … [Trackback]…

    [...] Read More Infos here: arcoe.es/2007/10/20/sombra-sencilla-en-un-elemento-div/ [...]…

  18. aumento de mama barcelona dice:
    Domingo 15 abril, 2012 a las 2:14

    … [Trackback]…

    [...] Read More here: arcoe.es/2007/10/20/sombra-sencilla-en-un-elemento-div/ [...]…

  19. Fast Electric Rc Car dice:
    Lunes 16 abril, 2012 a las 22:07

    … [Trackback]…

    [...] Find More Informations here: arcoe.es/2007/10/20/sombra-sencilla-en-un-elemento-div/ [...]…

  20. Read reviews dice:
    Miércoles 25 abril, 2012 a las 13:23

    … [Trackback]…

    [...] Informations on that Topic: arcoe.es/2007/10/20/sombra-sencilla-en-un-elemento-div/ [...]…

  21. cash advance dice:
    Jueves 26 abril, 2012 a las 11:15

    … [Trackback]…

    [...] Read More Infos here: arcoe.es/2007/10/20/sombra-sencilla-en-un-elemento-div/ [...]…

  22. internet advertising dice:
    Sábado 28 abril, 2012 a las 23:03

    … [Trackback]…

    [...] Read More Infos here: arcoe.es/2007/10/20/sombra-sencilla-en-un-elemento-div/ [...]…

  23. unlock iphone 4s dice:
    Lunes 30 abril, 2012 a las 10:44

    … [Trackback]…

    [...] Read More: arcoe.es/2007/10/20/sombra-sencilla-en-un-elemento-div/ [...]…

  24. turbofire dice:
    Martes 1 mayo, 2012 a las 15:11

    … [Trackback]…

    [...] Read More here: arcoe.es/2007/10/20/sombra-sencilla-en-un-elemento-div/ [...]…

  25. project management tips and news dice:
    Miércoles 2 mayo, 2012 a las 5:07

    … [Trackback]…

    [...] Read More here: arcoe.es/2007/10/20/sombra-sencilla-en-un-elemento-div/ [...]…

  26. i want to be a baby again dice:
    Jueves 3 mayo, 2012 a las 5:35

    … [Trackback]…

    [...] Read More: arcoe.es/2007/10/20/sombra-sencilla-en-un-elemento-div/ [...]…

  27. novoline book of ra dice:
    Martes 8 mayo, 2012 a las 3:37

    … [Trackback]…

    [...] Read More Infos here: arcoe.es/2007/10/20/sombra-sencilla-en-un-elemento-div/ [...]…

  28. nopeaa lainaa dice:
    Miércoles 9 mayo, 2012 a las 23:16

    … [Trackback]…

    [...] Read More here: arcoe.es/2007/10/20/sombra-sencilla-en-un-elemento-div/ [...]…

  29. Click here dice:
    Miércoles 9 mayo, 2012 a las 23:46

    … [Trackback]…

    [...] Read More: arcoe.es/2007/10/20/sombra-sencilla-en-un-elemento-div/ [...]…

  30. stretch mark removal dice:
    Jueves 10 mayo, 2012 a las 13:03

    … [Trackback]…

    [...] Read More here: arcoe.es/2007/10/20/sombra-sencilla-en-un-elemento-div/ [...]…

  31. weiter zur seite dice:
    Domingo 13 mayo, 2012 a las 3:57

    … [Trackback]…

    [...] Read More: arcoe.es/2007/10/20/sombra-sencilla-en-un-elemento-div/ [...]…

Leave a Response

You must be logged in to post a comment.