situs judi bola

judi bola

CSS

Crear un Triángulo a partir de un DIV

En este ejemplo vemos como crear la forma de un triángulo con CSS puro aplicado a una etiqueta <div>

 

HTML
<div class="triangulo"></div>

 

CSS
.triangulo {
  width: 0;
  height: 0;
  border-bottom: 20px solid black;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
}

 

Resultado

crear triangulo con un div

 

Explicación

Como vemos en el código CSS, añadimos bordes al <div>.

El color del borde es el color del triángulo y los lados correspondientes al de la punta del triángulo corresponde al border-*opuesto . 

Por ejemplo, un color en border-top significaría que el triángulo apuntaría hacia abajo.

Podemos experimentar con los valores de los px para cambiar la proporción del triángulo.

 

Pruébalo en nuestro Editor Online

 

Suscríbete
Notify of
guest

2 Comentarios
Inline Feedbacks
Ver todos los comentarios
Anónimo

gracias

unbrained

Y si el fondo de la pag no es blanco? se ve un fondo blanco en el div que delata al cuadrado

Botón volver arriba

poker idn

https://www.momshousehq.com/wp-content/pg-soft/

https://stjohnbosco.com/spaceman-slot/

https://drjadhavhospital.in/wp-content/slot-bonanza/

slot mental

wild bandito

pg soft

https://elephantparis.com/wp-content/mahjong-ways/

rtp live slot

https://grandoaksspartanburg.com/

https://coloradoughpizza.com/

demo slot

judi bola

slot88 resmi

https://arttechlabs.ru/wp-content/judi-bola/

situs judi bola

mahjong ways 2

judi bola

situs judi bola

situs judi bola

slot server thailand

judi bola

judi bola

pragmatic play

spaceman slot

mahjong ways 2

judi bola

depo 25 bonus 25

mahjong ways 2

judi bola

spaceman

Sicbo

Mahjong Slot

IDN Slot

slot bonus new member

bonus new member

slot deposit qris

sbobet