Dibujar una pirámide con CSS![gráfica de visualizaciones gráfica de visualizaciones](/img/img.png?11.51)
CSS
Publicado el 20 de Septiembre del 2020 por Katas (47 códigos)
3.734 visualizaciones desde el 20 de Septiembre del 2020
Ejemplo de como dibujar un triangulo con CSS
![triangulos-con-css](/usr/351000/351170/5f671144e25f0-triangulos-con-css.png)
![triangulos-con-css](/usr/351000/351170/5f671144e25f0-triangulos-con-css.png)
<style>
#triangulo1 {
width: 0;
height: 0;
border-bottom: 100px solid red;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
}
#triangulo2 {
width: 0;
height: 0;
border-left: 100px solid red;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
}
#triangulo3 {
width: 0;
height: 0;
border-top: 100px solid red;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
}
#triangulo4 {
width: 0;
height: 0;
border-right: 100px solid red;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
}
div {margin-bottom:20px;}
</style>
<div id="triangulo1"></div>
<div id="triangulo2"></div>
<div id="triangulo3"></div>
<div id="triangulo4"></div>
Comentarios sobre la versión: 1 (0)
No hay comentarios