Borde de una imagen modificado con style generado con CSS

Imagen original:

Imagen transformada No. 1:

Sustituir border ="0" por style=" código CSS "

El código usado fue:

border:dotted 9px #000000; -moz-border-radius: 47px; -webkit-border-radius: 47px; border-radius: 47px;

El generador usado está en el siguiente:
ENLACE

____________

Imagen transformada No. 2:

El código usado fue:

-webkit-box-shadow: 15px 15px 70px 30px #1938FF; box-shadow: 15px 15px 70px 30px #1938FF;

El generador usado está en el siguiente:
ENLACE



_______________

Imagen transformada No. 3:

El código usado fue:

border:double 9px #000000; -webkit-border-radius: 61px 83px 90px 70px; border-radius: 61px 83px 90px 70px;

El generador usado está en el siguiente:
ENLACE



_______________

Imagen transformada No. 4:

El código usado fue:

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7a3de+0,fa80d7+50,f757cf+64,f7a3de+100 */ background: rgb(247,163,222); /* Old browsers */ background: -moz-linear-gradient(45deg, rgba(247,163,222,1) 0%, rgba(250,128,215,1) 50%, rgba(247,87,207,1) 64%, rgba(247,163,222,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, rgba(247,163,222,1) 0%,rgba(250,128,215,1) 50%,rgba(247,87,207,1) 64%,rgba(247,163,222,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, rgba(247,163,222,1) 0%,rgba(250,128,215,1) 50%,rgba(247,87,207,1) 64%,rgba(247,163,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7a3de', endColorstr='#f7a3de',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

El generador usado está en el siguiente:
ENLACE



Imagen transformada No. 5:

El código usado fue:

background-color: rgba(98, 24, 67, 55); color: rgba(98, 24, 67, 55);

El generador usado está en el siguiente:
ENLACE



Imagen transformada No. 6:

El código usado fue:

outline: 16px ridge #2164FF; outline-offset: 2px;

El generador usado está en el siguiente:
ENLACE



Imagen transformada No. 7:

El código usado fue:

outline: 16px ridge #2164FF; outline-offset: 2px;

El generador usado está en el siguiente:
ENLACE






Otras lecturas

ENLACE a .. http://librosweb.es