Autor Tema: CSS y HTML. radial-gradient, border-image borde personalizado Ejercicio CU01061D (Leído 2111 veces)

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>

pedro,, · « **Respuesta #1 en:** 28 de Septiembre 2016, 00:06 »

Buenas.

Todo bien.

Saludos.

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias:

Autor Tema: CSS y HTML. radial-gradient, border-image borde personalizado Ejercicio CU01061D (Leído 2111 veces)

Chompy129

CSS y HTML. radial-gradient, border-image borde personalizado Ejercicio CU01061D

pedro,,

Re:CSS y HTML. radial-gradient, border-image. Ejercicio CU01061D

Preguntas y respuestas

Foros aprenderaprogramar.com Didáctica y divulgación de la programación

Noticias:

Autor Tema: CSS y HTML. radial-gradient, border-image borde personalizado Ejercicio CU01061D (Leído 2111 veces)

Chompy129

CSS y HTML. radial-gradient, border-image borde personalizado Ejercicio CU01061D

pedro,,

Re:CSS y HTML. radial-gradient, border-image. Ejercicio CU01061D

Preguntas y respuestas

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación