He estado trasteando un rato con Bluegriffon y su editor CSS3 integrado. Lo primero que se me ocurre contar en forma de tutorial es cómo hacer un bonito efecto de texto grabado.
Damos por hecho que tenemos un texto escrito y seleccionado…
Lo primero que hacemos es crear un contenedor

Una de las pocas cosas que no me gusta es que no se muestra un contorno relativo al DIV tal y como ocurre en KompoZer por lo que de momento la única prueba que tenemos de que se ha creado el DIV es que aparece en la parte baja de la interfaz

Hacemos clic sobre ese texto <div> para asegurarnos de que está seleccionado y le damos un ID llamado grabado

Ahora en la parte baja debe aparecer esto (aquí aparece seleccionado)…

Nos dirigimos al Editor CSS

En la parte alta del Editor CSS se nos informa de cuál es el selector que estamos editando

Comenzamos por darle al DIV un color de fondo (#c0c0c0) para que se haga evidente

Le vamos a dar un ancho de 300px

Ajustamos los márgenes internos

Esta es la apariencia

Elegimos la fuente. Para no liarnos con fuentes online escogemos la familia Arial, Hervetica…

Nos vamos a la sección Sombra para aplicar una sombra de texto con estos parámetros (no olvidar definir el color blanco #ffffff)

El efecto final
