Usando el Css en el editor de texto

En moodle podemos usar en las opciones avanzadas del editor de imagen unos estilos texto como:

line-height: 16px; Controla el interlineado.
background-image: url(imagen1), url(imagen2), url(imagen3); Interpone diferentes imágenes de fondo. Orden: La primera en colocarse es la que se encuentras más adelante. *Actualmente no funciona, requiere más pruebas*
background-size: 100%(ancho) 100%(alto); Controla el tamaño de la imagen.
overflow:hidden; Permite esconder el contenido del texto si este excede el tamaño del div o de la caja.
resize:vertical; Permite poder cambiar el tamaño de un div por el usuario, opcione: horizontal, both;
-webkit-resize: both; chrome
-ms-resize: horizontal; internet:
-oz-resize; none; mozzila
-o-resize:none; opera
position: center; Centrar elementos *probar más*

Para cambiar formato de fuentes: font.squirrel.
Para hacer degradados en css3: colorzilla.com/gradient-editor/


-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px; Bordes redondeados *probar*

Sombras

box-shadow: 5px 10px 7px rgba(0,0,0,0.5);

box-shadow: distanciaX distanciaY difuminado color;

text-shadow: distanciaX distanciaY difuminado color;

text-shadow: 
0px 0px 20px rgba(0,255,0,1), 
0px 0px 20px rgba(0,255,0,1), 
0px 0px 20px rgba(0,255,0,1);

text-shadow:  
1px 1px 0px rgba(230,230,230,1),  
2px 2px 0px rgba(200,200,200,1),  
3px 3px 0px rgba(180,180,180,1),  
4px 4px 0px rgba(160,160,160,1);

text-shadow: 
1px 1px 0px rgba(230,230,230,1), 
2px 2px 0px rgba(200,200,200,1), 
3px 3px 0px rgba(180,180,180,1), 
4px 4px 0px rgba(160,160,160,1), 
/*Añadimos*/ 
5px 5px 0px rgba(0,0,0,1), 
8px 8px 20px rgba(0,0,0,0.5);

http://www.cristalab.com/css3/sombras-efectos-css/
http://www.cristalab.com/css3/fondos-css-3/