Foros aprenderaprogramar.com

Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: Chompy129 en 27 de Septiembre 2016, 18:31

Título: CSS y HTML. radial-gradient, border-image borde personalizado Ejercicio CU01061D
Publicado por: Chompy129 en 27 de Septiembre 2016, 18:31
Efectos CSS. radial-gradient tipo circle o ellipse. border-image: bordes personalizados. Ejemplos (CU01061D)

Aquí les dejo este otro ejercicio CU01061D del manual de programación web desde cero con CSS:

Código HTML(CSS Interno)
Código: [Seleccionar]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bordes y más degradado</title>
<style type="text/css">
#caja{width: 400px; height: 200px;
  background: radial-gradient(#FF0, #FFA033, #F00);
  border: 15px solid transparent;
  border-image: url(https://s-media-cache-ak0.pinimg.com/564x/b0/e0/c8/b0e0c8b53eb13e6b7591829585afb95b.jpg) 80 round;}
</style>
</head>
<body>
<div id="caja"></div>
</body>
</html>
Título: Re:CSS y HTML. radial-gradient, border-image. Ejercicio CU01061D
Publicado por: pedro,, en 28 de Septiembre 2016, 00:06
Buenas.

Todo bien.

Saludos. ;D