Forma Romb cu CSS

Curs Css

Forma de romb cu un tag DIV si proprietati CSS. Forma de romb e creaata folosind bordurile.
Cod:

<style type="text/css">
#rhombus {
 position: relative;
 top: -60px;
 width: 0;
 height: 0;
 border: 60px solid transparent;
 border-bottom: 75px solid #05ed08;
}

/* Zona de jos */
#rhombus:after {
 position: absolute;
 left: -60px;
 top: 75px;
 width: 0;
 height: 0;
 border: 60px solid transparent;
 border-top: 75px solid #05ed08;
 content: '';
}

/* Continut in romb */
#rhombus div {
 position: relative;
 margin: 63px auto 0 -41px;
 font-weight: bold;
 z-index: 888;
}
</style>

<div id="rhombus"><div>MarPlo</div></div>

Rezultat:

<input type="text" value="valoare-fixa" readonly="readonly" name="a_name" />

.class {
  border:2px solid blue;
  border-radius:1.2em;
}

var ques = window.confirm("Rezultatul lui 0+0 este 0?");
if (ques) alert("Corect");
else alert("Incorect");

$min_nr = min(12, 8, 25, 13);
echo $min_nr;        // 8

Its ears are big.
- Urechile lui sunt mari.

Los niños son deportistas.
- Copii sunt sportivi.