1
Aprender a programar desde cero / Re:Ejercicio CU01041D del curso CSS efecto sombra text-shadow
« en: 11 de Enero 2016, 20:43 »
Hola Alex! recién he podido ver la respuesta, aquí los códigos tal cual los tengo en el Notepad.
html:
CSS:
Espero atento la respuesta, saludos!
html:
Código: [Seleccionar]
<html>
<head>
<title>Portal web - aprenderaprogramar.com</title> <meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="estilos text-align.css">
</head>
<body>
<div id="caja1">
<span>Caja 1</span> aprenderaprogramar.com web programación
</div>
<div id="caja2">
Caja 2 <span>aprenderaprogramar</span>.com web programación
</div>
<div id="caja3">
Caja <span>3</span> aprenderaprogramar.com web programación
</div>
</body>
</html>
CSS:
Código: [Seleccionar]
/* Curso CSS estilos aprenderaprogramar.com*/
*{font-family: arial;}
div {border-style: solid; border-width:3px; border-color: blue;margin:18px;
padding:8px; background-color: #FFEFD5; width:240px; height:300px;float:left;}
#caja1{ font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:5%;}
.caja1,span{font-size:18px;text-shadow:2px 2px red;}
#caja2{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:clip;line-height:10%;}
.caja2,span{font-size:18px;text-shadow: 2px 2px red,-2px -2px blue;}
#caja3{font-size:12px;color:#8B4513;line-height:20%;overflow:hidden;white-space:nowrap;text-overflow:clip;line-height:10%;text-align:justify;}
.caja3,span{font-size:18px; text-shadow:2px 2px 15px green;}
Espero atento la respuesta, saludos!