Cadre stiluri css - lecții css

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







    Articole similare

    Pagina anterioară

    Pagina următoare

    Trimiteți-le prietenilor: