Autor Tema: HTML CSS Radial-gradient / border-image: bordes personalizados. Ejemplo CU01061D  (Leído 2117 veces)

alefaletti

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 48
    • Ver Perfil
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 }

« Última modificación: 18 de Junio 2017, 12:34 por Alex Rodríguez »

pedro,,

  • Moderador Global
  • Experto
  • *******
  • APR2.COM
  • Mensajes: 1292
    • Ver Perfil
Buenas.

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

Saludos. ;D

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".