Hvordan legge en ramme rundt tekst i HTML

Opprette en ramme rundt teksten i HTML er enkelt å gjøre, og krever bare en del av koden. Avhengig av hvor kompleks grensen trenger å være, det er forskjellige elementer av kode som kan legges. Men en enkel grensen er lett å gjøre (og må gjøres) ved hjelp av en enkel CSS (Cascading Style Sheets) kode i HTML-elementet. Koden kan tilpasses tekst uansett størrelse eller lengde.

bruksanvisning

1 Legg merke til følgende kode hentet fra quackit.com:

"<Div style =" width: 200px; height: 100px; border: 1px solid blue; ">

Skriv inn teksten HER.

</ Div> "

2 Sett inn koden i et HTML-dokument. Justere parametrene for å tilpasses teksten. Bredden kan justeres ved å øke antallet i "width: 200px;" område. Høyden kan justeres ved å øke eller redusere antall i "høyde: 100 piksler;" feltet. Hvis grensen må være tykkere, øke antallet i "border: 1px" parameter. Fargen på grensen kan endres ved å skrive inn den nye fargen i stedet for "blått". Sekssifret HTML fargekoder kan brukes.

3 Skriv inn teksten for grensen i "Skriv inn teksten HER." område. Lengden av teksten spiller ingen rolle, vil grenseparameterne må økes for å passe til den større tekst. Dette kan kreve litt tweaking for å få størrelsen riktig, men det er lett nok å korrigere.