Cursuri online, WebDesign, html, css, php, mysql, linux | Invata-Online.ro

Forma Trapez cu CSS

Forma trapez cu un tag DIV si proprietati CSS. Forma de trapez e creaata folosind bordurile.
Cod:
<style type="text/css">
#trapezoid {
 height: 0;
 width: 120px;
 border-bottom: 80px solid #05ed08;
 border-left: 45px solid transparent;
 border-right: 45px solid transparent;
 padding: 0 8px 0 0;
}
</style>

<div id="trapezoid"><br/>Curs CSS:<br/>
www.discant.ro</div>
Rezultat:

Curs CSS:
www.discant.ro

Trapez dreptunghic

Cod:
<style type="text/css">
#rtrapezoid {
 height: 0;
 width: 120px;
 border-bottom: 100px solid #05ed08;
 border-left: 15px solid #05ed08;
 border-right: 45px solid transparent;
 padding-right: 20px;
}
</style>

<div id="rtrapezoid"><br/>Curs CSS:<br/>
www.discant.ro</div>
Rezultat:

Curs CSS:
www.discant.ro



Video indisponibil sau nu aveti acces la acest video!

Webdesign by Discant Solutions