Scribd
Cargar
110 vistas4 páginas

Bordes Redondeados y Degradados en CSS

Este documento presenta dos técnicas de CSS: degradados y bordes redondeados. Explica cómo aplicar degradados y bordes redondeados a divisiones <div> usando código HTML y CSS. Luego proporciona ejemplos prácticos para que el lector aplique estas técnicas.

Cargado por

Albert Rojas
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
110 vistas4 páginas

Bordes Redondeados y Degradados en CSS

Este documento presenta dos técnicas de CSS: degradados y bordes redondeados. Explica cómo aplicar degradados y bordes redondeados a divisiones <div> usando código HTML y CSS. Luego proporciona ejemplos prácticos para que el lector aplique estas técnicas.

Cargado por

Albert Rojas
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

1

CSS CLASE

DIVISIONES O CAPAS:
Degradado y Bordes Redondeados

DEGRADADO y BORDE
REDONDEADOS
DEGRADADO

FONDO DEGRADADO Color Superior Color Inferior

Para Visualizar en Otros Navegadores:


BORDES REDONDEADOS

Borde Borde superior Borde inferior


redondea do Izquierdo y derecho izquierdo y derecho

Para Visualizar en Otros Navegadores:


2

CSS
EJERCICIO
PRCTICO
Divisiones <DIV>
1. REALIZAREMOS LAS SIGUIENTES DIVISIONES EN LAS CUALES APLICAREMOS DEGRADADOS:

Cdigo HTML

Cdigo CSS

ESTE SERA EL RESULTADO EN EL NAVEGADOR:


3

Elabora los siguientes degradados:

2. REALIZAREMOS LAS SIGUIENTES DIVISIONES EN LAS CUALES APLICAREMOS BORDES REDONDEADOS:

Cdigo HTML

Cdigo CSS
4

ESTE SERA EL RESULTADO EN EL NAVEGADOR:

Elabora los siguientes bordes redondeados:

También podría gustarte