•  

     

    Con CSS

    1. http://codepen.io/flovan/pen/culDr
    2. http://codepen.io/long-lazuli/pen/fhiEw
    3. http://codepen.io/thesenicethings/pen/wcKvx
    4. !!!!http://codepen.io/thesenicethings/pen/wcKvx
    5. http://codepen.io/scottnix/pen/vKaCh
    6. http://codepen.io/long-lazuli/pen/fhiEw
    7. http://codepen.io/laviperchik/pen/qJyCm
    8. http://codepen.io/aerogel/pen/ufqva
    9. http://codepen.io/aswinmohanme/pen/FKnhG
    10. http://codepen.io/laviperchik/pen/yzqfB
    11. http://codepen.io/austinkregel/pen/GHmjD
    12. http://codepen.io/chriscoyier/pen/FKxjB
    13. http://codepen.io/shashanoid/pen/ebxcr
    14. http://codepen.io/laviperchik/pen/hkqnD
    15. http://codepen.io/imagineux/pen/sobkc
    16. http://codepen.io/chriscoyier/pen/Hafmz
    17. http://codepen.io/flovan/pen/culDr
    18. http://codepen.io/alexjoen/pen/ikIlf
    19. http://codepen.io/bennettfeely/pen/sxdpy
    20. http://codepen.io/palimadra/pen/bcdLv
    21. !!!!http://codepen.io/shanmuk/pen/lIHqs
    22. http://codepen.io/gion/pen/CaEmo
    23. http://codepen.io/LukyVj/pen/tCynb
    24. http://codepen.io/curtisj44/pen/RNZJxv
    25. http://cssdeck.com/labs/tabs-using-css
    26. http://codepen.io/ashmind/pen/JlICw
    27.http://codepen.io/frxnz/pen/uylap
    28. http://codepen.io/frippa/pen/gHEjG
    29. http://codepen.io/michaeljcalkins/pen/CdrDa




  •  

     

    <div align="left"><div style="margin-top: 5px; width: 380px; height: 68px; margin-left: 0px; overflow: auto; scrollbar-face-color: #ff0000; scrollbar-highlight-color: #565448; scrollbar-track-color: #565448; scrollbar-arrow-color: #000000;">  <p align="left"><span style="font-weight: normal; text-align: center; color: #000000; font-family: monotype corsiva; font-size: 19px; line-height: 150%; text-shadow: 6px 6px 6px #352294, 6px 6px 6px #000000; column-count: 3; column-width: 0px;"> <span style="font-size: 15px; color: #000000; font-family: 'monotype corsiva';">Texto, imagen, código...<br /></span></span></p></div></div>

     




  •  

     



    <div style="padding-right: 10px; padding-left: 10px;"><div style="width: 440px; margin-left: 15px; background-image: url('https://lh5.googleusercontent.com/-p8Pc9VJFxr4/VNy-9uOc76I/AAAAAAABcFA/STxueyHzh8s/w189-h173-no/4.png'); -webkit-border-radius: 20px 20px 0px 0px; -moz-border-radius: 20px 20px 0px 0px; border-radius: 20px 20px 0px 0px; border: 3px double #debdcf; position: relative; -webkit-box-shadow: 0 3px 9px #777, 0 3px 20px #CCC inset; -moz-box-shadow: 0 3px 9px #777, 0 3px 20px #CCC inset; box-shadow: 0 3pxpx 9px #777, 0 3px 20px #CCC inset; padding: 12px;"><br />

    <div style="width: 430px; height: 150px; scrollbar-track-color: #dca54a; scrollbar-arrow-color: #dca54a; scrollbar-base-color: #dca54a; overflow: auto;"><p>Texto, código.....</p><p>&nbsp;</p></div></div>

     




  •  

     

    <pre class="php" style="margin-top: 10px; margin-bottom: 10px; padding: 5px; overflow: auto; width: 440px; border: 1px dotted black; font-size: 11px; background-color: #fff;">Texto, código, imagen</pre>


    <pre class="php" style="margin-top: 10px; margin-bottom: 10px; padding: 5px; overflow: auto; width: 540px; border: 1px dotted black; font-size: 11px; background-color: #dddddd;">&lt;div <span style="font-weight: bold;">class</span>=<span style="color: #ff0000;">"css3_pulsate pulsate"</span>Texto, código</pre>