Cómo hacer "Notas Destacadas" con CSS

Alguna vez te has dado una vuelta por algunos portales de noticias y te has percado que algunos de ellos utilizan notas destacadas en el interior de sus artículos que como su nombre lo dice "destaca" o hacen contraste con el resto del documento´?
Por ejemplo en estas 2 imágenes podemos ver 2 estilos de hacerlo:



Como pueden ver, son maneras de resaltar la idea principal o ideas específicas que el autor quiera destacar del artículo.

Pues una manera de lograrlo es a través de una maquetación con CSS.

En el buen sitio Intenta, han desarrollado una manera de lograrlo usando maquetación con CSS y haciendo uso de la propiedad float teniendo como resultado algo como lo siguiente:


Enlace | Ir al tutorial

Entradas Relacionadas:
  • Opensource templates: descarga plantillas CSS/XHTML gratis para tu web

  • Cómo crear un "toolbar" al estilo Windows Vista con CSS (Download .ZIP)

  • Descarga 37 Plantillas Web XHTML/CSS gratis (Free XHTML/CSS Templates download)

  • Styleshout: descarga 16 plantillas web CSS gratis

  • Descarga Libros Gratis de AJAX, Symfony, CSS, Javascript y XHTML

  • Manuales gratuitos de HTML, JAVA, ASP, JAVASCRIPT, PHP Y CSS
  • [post_ad]
    Cómo hacer "Notas Destacadas" con CSS Reviewed by Admin on 11/22/2007 Rating: 5

    No hay comentarios:

    Todos los derechos reservados | Nestavista © 2024
    Powered By Blogger, Designed by Sweetheme

    Formulario de contacto

    Nombre

    Correo electrónico *

    Mensaje *

    Nestavista © 2007. Imágenes del tema: Jason Morrow. Con la tecnología de Blogger.