Ejemplo con CSS3

Mostramos primeramente un pequeño listado en el cual describen nuevas formas de estilo del css3

CSS Styling

Styling Backgrounds
Styling Text
Styling Fonts
Styling Links
Styling Lists
Styling Tables

CSS modelos de cajas

CSS Border
CSS Outline
CSS Margin
CSS Padding

entre otras.

para entender mucho mas sobre esta nueva tecnología de diseño web hemos creado unos pequeños ejemplos muy simples de entender.

entre el resultado del ejemplo es obtener el moldeado de curvas en las esquinas de un objeto (div, table), esto en versiones anteriores imposible pues se tenia que hacer este efecto mediante imágenes. Al mismo tiempo podemos observar en el resultado un efecto de sombra en el texto solo utilizando css3.

<html> <head> <style type=”text/css”>

h1 { text-shadow: 6px 6px 6px #1C0CC6; } div { border:2px solid #a1a1a1; padding:10px 40px; background:#dddddd; width:300px; border-radius:25px; -moz-border-radius:25px; /* Firefox 3.6 and earlier */ } </style> </head> <body> <div> <h1>SOFTVI.COM</h1> </div> </body> </html>