Rame și stiluri în CSS
In acest tutorial, exemplul blocurilor vor fi afișate - care stilurile puteți seta cadru, deoarece, de obicei te întâlni pe masă site-urile (și alte elemente) cu cadru convențional (solid), dar unele ar putea avea nevoie să facă „ceva non-standard.“
Sub stil se înțelege în primul rând tipul de cadru în sine: solid, punctat, dublu etc. În plus, fiecare dintre laturile cadrului (stânga, dreapta, fundul, partea superioară) poate fi în mod individual color și grosime. Trebuie remarcat faptul că alte elemente au un parametru, cum ar fi un "cadru" pe lângă blocuri și tabele. de exemplu - Anteturi () și Elemente (
). Aceasta, de altfel, a fost folosită pentru a crea un meniu vertical în această lecție.Și, așa cum am menționat mai devreme, să luăm în considerare principalele tipuri de cadre pe exemplul blocurilor.
Creați un fișier test_border.html în care veți verifica munca de stiluri pentru cadre.
Cadru punctat - punctat;
Cadrul punctat al blocului din puncte
Suprafață punctată de segmente scurte - întreruptă;
Rama punctată a blocului de segmente scurte
Rama dublă - dublă;
Bloc cu cadru dublu
Cadrul solid este solid;
Cadru bloc solid
Marginea din stânga a cadrului este mai întunecată decât cea din dreapta;
Rama blocului a cărui margine stângă este mai întunecată decât cea dreaptă
Marginea din dreapta a cadrului este mai închisă decât cea din stânga;
Bloc cadru, a cărui margine dreaptă este mai întunecată decât stânga
Și acum, să facem un bloc al cărui stânga și partea superioară a cadrului va avea propriul tip, culoare și dimensiune:
La marginea superioară și la stânga a cadrului, stilul tău