Cum de a face un cadru în jurul textului în html

Care este cadrul html
De fapt, nici o funcție specială, acest element nu poate avea loc. Cu toate acestea, textul inclus în cadru design atractiv este de un oarecare interes pentru cititori. Prin urmare, cadrul din jurul textului poate fi numit unul dintre modalitățile de a sublinia importanța casetei de text.
Caracteristici crearea unui cadru în jurul textului
Desigur, variații de cadre de design cu CSS este mult mai mult, dar asta e altă poveste. În plus, această metodă este adecvată pentru saytostroitelyam mai avansate. Cred că avem cu tine și cu ajutorul unor modificări de cod html vor mai frumos cadru html.
Primul pas este de a înțelege că rama poate fi făcută pentru fiecare element HTML, indiferent de ce fel de tag-ul
,
, , etc.
La rândul său, există o diferență între cadrele și elemente de nivel bloc încorporate.
Cadru de tip built-in interiorul tag-uri, mai degrabă, este responsabil pentru afișarea codului HTML încheiat între anumite tag-uri. La ieșire vom obține de frontieră html în jurul textul pentru care doriți să vă înregistrați comenzi specifice în scopul stabilirii padding interne.
Cadru modular sunt formate în întreaga lățime a blocului, care provoacă comenzile au nevoie de locuri de muncă asociate cu lățimea de restricție.
Desigur, pentru a face caseta de text în HTML trebuie să ne întoarcem la stilurile built-in. Această metodă ar fi cea mai potrivită pentru a sublinia unele dintre propozițiile individuale, paragrafele în text și imagini. Dacă trebuie să aloce o anumită parte a modelului care apare pe toate paginile site-ului, este rezonabil să se întoarcă la editarea fișierului șablon style.css.
Cum de a face un cadru în jurul textului în html
Cred că teoria abundă. Este timpul pentru a practica. Ca un exemplu, voi face un cadru verde deschis luminos, cu un fundal gri este una dintre cele mai importante propuneri ale acestui articol.
Punctul important! stiluri inline sunt de lucru perfect și nu afectează valabilitatea site-ului HTML.
Oferta.
La fel ca în acest exemplu, utilizați stilurile built-css, cred că la fel de important pentru a vă familiariza cu fiecare dintre ele.
1. frontieră - proprietatea este responsabil pentru afișarea cadrului. Pentru a simplifica sarcina, nu am registru separat fiecare proprietate - border-lățime (grosimea granițelor cadrului), border-color (culoarea cadrului html). In schimb, am tăiat un cod HTML puțin pentru a înregistra toate proprietățile după colon.
Pentru a schimba aspectul cadrului este suficient pentru a schimba valoarea de solid. Următoarele cadre de frontieră:
2. padding - Proprietate, responsabilă pentru distanța între cadru și obiectul închis în ea.
Dacă se dorește, un pic în jurul valorii de joc cu stiluri adăugând la numărul de comenzi încheiate între deschidere și eticheta de închidere
proprietate marja. În acest mod, adâncitura poate realiza elemente care sunt în afara cadrului.
Pentru a schimba fundalul suficient pentru a înregistra o proprietate culoare de fundal, indicând după cele două puncte dorite codul de culoare.
Cadrul în jurul imaginii html se face în același mod, astfel încât să aveți acest lucru nu ar trebui să fie o problemă. Singurul lucru pe care trebuie să știți începător, acest lucru este ceea ce se afișează este necesar să se înregistreze proprietăți într-o singură etichetă .
Rezumând putem spune că, în scopul de a face un cadru în jurul imaginii sau textul este suficient pentru a deschide articolele de cod HTML de afișare și îi furnizează etichete speciale între anumite proprietăți.
Vă mulțumesc și veți vedea în curând pe paginile Stimylrosta.