Pentru întreaga fundal a butonului în sine. vom folosi un mic fișier imagine. Această soluție vă permite să creați un design complet individual, aplicabil designului butonului nostru. În același timp, este posibil să se utilizeze text HTML pe corpul butonului atunci când acesta crește sau se scurtează automat în funcție de lungimea textului.
Pasul 1: Imagine (buton.png)
Următorul pas este marcarea corespunzătoare pe pagina HTML.
Pasul 2: HTML
În acest stadiu, totul este urât simplu, acolo unde aveți nevoie, conform planului sau necesității urgente, în corpul paginii dvs. trebuie să scrieți următorul cod:
Ca rezultat, veți obține o reprezentare vizuală a butonului dvs. direct pe pagina site-ului. Dar ce ar arăta copilul nostru ca un decorat adevărat, vom recurge la ajutorul tuturor acelorași mese de stiluri cascadate, pur și simplu CSS.
Pasul 3: CSS
Pentru a facilita lucrul și pentru a nu dezordine paginile cu cod redundant, în foaia de stil .css. dacă există unul, dar dacă nu, atunci pe pagina dintre capul etichetelor scrieți următoarele:
Căile spre imagine pot fi diferite de ale tale, deci nu uitați corectitatea direcției pentru a nu obține un gol în locul unui buton.
Dimensiunea textului de pe buton este controlată de parametrul dimensiunea fontului. poate experimenta in siguranta.
Să fim oameni cel puțin până când știința ne dezvăluie că suntem altceva.
Articole similare
-
Ce pot face cu css, diferența dintre css și html, care sunt avantajele css, tabular
-
Crearea unui exterior și redare folosind pluginul vray - lecții 3ds max
Trimiteți-le prietenilor: