Autor Tema: Ejercicio CU01061D curso css efectos css radial-gradient o degradado circular  (Leído 2483 veces)

Pandemia

  • Avanzado
  • ****
  • APR2.COM
  • Mensajes: 255
    • Ver Perfil
Buenas noches amigos aquí os dejo la propuesta de mi ejercicio, ahí va el código, gracias por vuestro tiempo.

Saludos.

Código: [Seleccionar]

<!DOCTYPE>
<html lang="es">
<meta name="description" content="portal web aprenderaprogramar.com">
<meta name="keywords" content="efectos css radial-gradient o degradado circular tipo circle o ellipse">
<meta charset="utf-8">
<title>Efectos css radial-gradient o degradado circular tipo circle o ellipse. border-image para bordes personalizados</title>
<style type="text/css">
div {
margin: 0 auto;
width: 400px;
height: 200px;
border: 2px solid transparent;
background-image: radial-gradient(ellipse farthest-corner at 40px 40px , #00e9FF 0%, rgba(10, 50, 200, 0) 50%, #ff00e5 95%);
border-image-source: url(http://www.desarrolloweb.com/articulos/ejemplos/css/border-image/sello.png);
border-image-slice: 33;
border-image-width: 20px;
border-image-repeat: stretch;
}

</style>
<body>

<div></div>

</body>
</html>


bermartinv

  • Avanzado
  • ****
  • APR2.COM
  • Mensajes: 298
    • Ver Perfil
Está biend definido y estructurado, lo que pasa que al no ser un border uniforme y tener background el div, sobresale un poco el fondo del borde.
Saludos!!!

Pandemia

  • Avanzado
  • ****
  • APR2.COM
  • Mensajes: 255
    • Ver Perfil
ya, ya lo se pero lo he dejado así para poner un marco diferente, gracias por contestar tan rápido.

Saludos. Gracias por tu tiempo.
« Última modificación: 12 de Abril 2016, 19:43 por César Krall »

 

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".