Diamant cu 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:

<<-Butoane cu CSS -- Ecran TV cu CSS->>

Un Test simplu in fiecare zi

HTML

CSS

JavaScript

PHP-MySQL

Engleza

Spaniola

Care tag este element de tip bloc?

<div>Web Programming and Development</div>

Care cod CSS afiseaza textul subliniat?

font-style: italic; text-decoration: underline; font-weight: 500;

h2 {
  text-decoration: underline;
}

Clic pe functia JavaScript care apeleaza o alta functie dupa un anumit timp.

insertBefore() setTimeout() querySelector()

function someFunction() { alert("CoursesWeb.net"); }
setTimeout("someFunction()", 2000);

Clic pe instructiunea care returneaza numarul total de elemente dintr-un array asociativ.

count($array) count($array, 1) strlen()

$food =["fruits" =>["banana", "mar"), "veggie" =>["ceapa", "rosie"));
$nr_food = count($food, 1);
echo $nr_food;       // 6

Indicati Viitorul Perfect la negativ al verbului din paranteze, in propozitia: "The child (to not play) by Sunday".

has't played haven't been playing will haven't played

The child will haven't played by Sunday.
- Copilul nu s-ar fi jucat pana duminica.

Indicati Viitorul Perfect pentru verbul "contar" (a povesti) la forma "Él".

habrá contado va a contar contaba

Él no habrá contado el cuento.
- El nu ar fi spus povestea.

Last accessed pages

Formatare text in pagina html ^(36071)
Prezentul simplu si continuu - Present Tense Simple and Continuous ^(145431)
Accentul si Pronuntia ^(26520)
Pronume indirect ⁽²¹²⁹⁾
Valori numerice Integer, Float din Select cu PDO ⁽³²⁶⁾

Popular pages this month

Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax ⁽¹²⁷⁸⁾
Curs HTML gratuit Tutoriale HTML5 ⁽⁹⁷⁴⁾
Coduri pt culori ⁽⁷³¹⁾
Creare si editare pagini HTML ⁽⁵⁶⁷⁾
Conditional IF in Limba Engleza - Fraze Conditionale ⁽⁵²⁸⁾