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
Ce tag se foloseste pentru a crea o caseta de adaugare text?
<form> <input> <div>
<input type="text" name="a_name" value="val" />
Ce proprietate CSS se foloseste pentru a afisa textul cu majuscule-mici?
display font-variant font-style
h3 {
  font-variant: small-caps;
}
Ce instructiune afiseaza o fereastra cu un mesaj in ea?
for() Date() alert()
var msg = "Viziteaza CoursesWeb.net";
alert(msg);
Indicati codul PHP prin care se obtine IP-ul utilizatorului.
$_SERVER["HTTP_USER_AGENT"] $_SERVER["REMOTE_ADDR"] $_GET[]
$ip = $_SERVER["REMOTE_ADDR"];
echo $ip;
Cum se traduce cuvantul "actually"?
actual de fapt acum
He actually came on time.
- De fapt, el a venit la timp.
Cum se traduce expresia: "Hace buen tiempo"?
Face timp E vreme frumoasa Drum bun
Hoy hace buen tiempo.
- Astazi e vreme frumoasa.
Diamant cu CSS

Last accessed pages

  1. Alphabet and Pronunciation - Alfabetul si pronuntia in limba engleza (60857)
  2. HTM5 canvas (4206)
  3. De lo espiritual en Español - Din cele Spirituale in Spaniola (766)
  4. Limba spaniola curs online incepatori si avansati (31294)
  5. Script Utilizatori - Inregistrare si Autentificare / Logare (2350)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (735)
  2. Curs HTML gratuit Tutoriale HTML5 (399)
  3. Coduri pt culori (369)
  4. Gramatica limbii engleze - Prezentare Generala (350)
  5. Exercitii engleza - English Tests and exercises - Grammar (333)