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
Care tag e folosit pentru a adauga liste cu definitii in element <dl>?
<dt> <dd> <li>
<dl>
 <dt>HTML</dt>
  <dd> - Hyper Text Markup Language</dd>
  <dd> - Limbaj de cod pentru pagini web</dd>
</dl>
Care proprietate CSS poate sa ascunda un element in pagina, lasand spatiu gol in locul lui?
display position visibility
#id {
  visibility: hidden;
}
Indicati evenimentul declansat cand se apasa clic pe un obiect in pagina.
onclick onmouseover onfocus
document.getElementById("id").onclick = function(){
  alert("http://www.MarPlo.net/");
}
Indicati variabila PHP ce contine datele din $_GET, $_POST si $_COOKIE.
$_SESSION $_GET $_REQUEST
if(isset($_REQUEST["id"])) {
  echo $_REQUEST["id"];
}
Care din urmatoarele cuvinte reprezinta un Verb?
lighting believe path
I believe in my path.
- Eu cred in calea mea.
Care din urmatoarele cuvinte reprezinta un Verb?
creer camino iluminaciĆ³n
creer = a crede; camino = cale /drum; iluminaciĆ³n = iluminare
Forma Romb cu CSS

Last accessed pages

  1. Drag si Drop cu atribute HTML5 (230)
  2. Instructiuni repetitive while (348)
  3. Curs si Tutoriale JavaScript (10781)
  4. Poezii pentru copii, in engleza (7305)
  5. Lectii audio-video de limba engleza (8846)

Popular pages this month

  1. Gramatica limbii engleze - Prezentare Generala (2680)
  2. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (865)
  3. Gramatica limbii spaniole. Indrumator si prezentare generala (692)
  4. Alphabet and Pronunciation - Alfabetul si pronuntia in limba engleza (621)
  5. Prezentul simplu si continuu - Present Tense Simple and Continuous (600)