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:
MarPlo

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Ce atribut e folosit in tag-ul <img> pentru adresa imaginii?
href src rel
<img src="http://coursesweb.net/imgs/webcourses.gif" width="191" height="63" alt="Courses-Web" />
Care din aceste coduri CSS ascunde elementul in pagina?
display: none; display: inline; position: relative;
#id {
  display: none;
}
Ce instructiune opreste executia lui while() sau for() ?
continue prompt() break
for(var i = 0; i< 8; i++) {
  if(i > 1) break;
  alert(i);
}
Indicati functia utilizata pentru a crea constante.
define() include() defined()
define("CONSTANT_NAME", "value");
echo CONSTANT_NAME;
Care este forma de plural a substativului "class" (clasa)?
classes clases clasis
This school has three classes.
- Scoala asta are trei clase.
Care este pluralul substativului "voz" (voce)?
vose voze voces
Escuché dos voces.
- Am auzit doua voci.
Forma Romb cu CSS

Last accessed pages

  1. Viitor simplu - Exercitii si teste incepatori (12394)
  2. Titluri, Paragrafe, Un nou rand, Linie orizontala (33057)
  3. Elemente principale HTML (28684)
  4. Curs HTML gratuit Tutoriale HTML5 (196181)
  5. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (276451)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (1364)
  2. Coduri pt culori (992)
  3. Curs HTML gratuit Tutoriale HTML5 (799)
  4. Cursuri limba engleza gratuite si lectii online (439)
  5. Gramatica limbii spaniole. Indrumator si prezentare generala (429)