Curs Css

Doua forme tip diamant, create simplu cu un tag DIV si cateva proprietati CSS.
Cod:
<style type="text/css">
#diamond {
 width: 0;
 height: 0;
 border: 50px solid transparent;
 border-bottom: 20px solid #05ed08;
 position: relative;
 top: -50px;
}
#diamond:after {
 content: "";
 position: absolute;
 left: -50px;
 top: 20px;
 width: 0;
 height: 0;
 border: 50px solid transparent;
 border-top: 70px solid #05ed08;
}
</style>

<div id="diamond"></div>
Rezultat:
Forma Diamant

Diamant 2

Cod:
<style type="text/css">
#diamond {
 border-style: solid;
 border-color: transparent transparent #0809fe transparent;
 border-width: 0 25px 25px 25px;
 height: 0;
 width: 50px;
 position: relative;
 margin: 10px 0;
}
#diamond:after {
 content: "";
 position: absolute;
 top: 25px;
 left: -25px;
 width: 0;
 height: 0;
 border-style: solid;
 border-color: #0809fe transparent transparent transparent;
 border-width: 70px 50px 0 50px;
}
</style>

<div id="diamond"></div>
Rezultat:
 

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Clic pe tag-ul care creaza o lista ordonata numeric
<ul> <tr> <ol>
<ol>
  <li>List-1</li>
  <li>List-2</li>
</ol>
Care selector reprezinta ID-ul unui element in CSS
.nume #nume nume
#id {
  color: #0110fb;
}
Ce cod creaza un obiect in JavaScript?
{} [] new Date()
var obj = {"site": "CoursesWeb.net", "pr": 5};
alert(obj.site);
Indicati instructiunea prin care se verifica daca o conditie este True sau False
else if() switch()
$var = 8;
if($var == 8) echo $var;
Indicati timpul Prezent pentru verbul "to be" (a fi).
be were is
Now, it is here.
- Acum este aici.
Care este conjugarea la timpul prezent al verbului "divertirse" (a se distra) la forma "yo"?
te diviertas me divierto se divierta
Yo me divierto.
- Eu ma distrez.
Diamant cu CSS

Last accessed pages

  1. Mini-Vocabular Spaniol (3011)
  2. Limba spaniola curs online incepatori si avansati (31124)
  3. Ghiciti Cuvantul (4130)
  4. Liste HTML - UL, OL (11368)
  5. classList - Lucru cu clase css (970)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (4)
  2. Curs de Miracole (2)
  3. Cursuri limba engleza gratuite si lectii online (2)
  4. Curs HTML gratuit Tutoriale HTML5 (2)
  5. Limba spaniola curs online incepatori si avansati (2)