Forma Trapez cu CSS

Curs 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/>
marPlo.net</div>

Rezultat:  

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.CoursesWeb.net</div>

Rezultat:

<img src="http://coursesweb.net/imgs/webcourses.gif" width="191" height="63" alt="Courses-Web" />

#id {
  font-style: italic;
}

$(document).ready(function() {
  $(".a_class").click(function(){ $(this).hide("slow"); });
});

function fname($a, $b) {
  echo $a * $b;
}

I have been walking for 5 hours.
- Merg pe jos de 5 ore.

Yo fui entrenador.
- Am fost antrenor.