Foros aprenderaprogramar.com

Aprender a programar => Aprender a programar desde cero => Mensaje iniciado por: alefaletti en 27 de Abril 2017, 03:23

Título: HTML CSS Radial-gradient / border-image: bordes personalizados. Ejemplo CU01061D
Publicado por: alefaletti en 27 de Abril 2017, 03:23
Queridos, buenas noches.
Adjunto mi ejercicio CU01061D del curso de fundamentos de programación web con CSS desde cero.

HTML:

Código: [Seleccionar]

<!DOCTYPE html>
<!--Curso CSS estilos aprenderaprogramar.com-->
<html>

<head>
<title>Portal web - aprenderaprogramar.com</title>
<meta charset="utf-8">
<meta name="description" content="Portal web aprenderaprogramar.com">
<meta name="keywords" content="aprender, programar, cursos, libros">
<link rel="stylesheet" type="text/css" href="CSS(61)EjercicioFinal.css">
</head>

<body>

    <div>
 
    </div>
   
</body>

</html>


CSS:

Código: [Seleccionar]


div {margin:auto;
    width:400px; height:200px;
    background: radial-gradient(yellow, blue);

    -webkit-border-image:url("http://elsitiodeale.byethost7.com/MarcoBlancoPixabay.png") 10 round }

Título: Re:CSS Radial-gradient / border-image: bordes personalizados. Ej (CU01061D)
Publicado por: pedro,, en 03 de Mayo 2017, 22:49
Buenas.

El código está bien, lo único es que la imagen que usas para el borde no está disponible.

Saludos. ;D