Sådan skriver du en CSS-grænse rundt om et billede

Cascading Style Sheets gør det muligt at ændre HTML-layout og vise egenskaber som placering, farve og grænser. HTML'en tag bruges til at vise et billede på en webside og indeholder en "border" -attribut, der gør det muligt at sætte grænsen til og fra, samt angive grænsens bredde. Måske skaber du en markedsføringsside med tilbud, og du vil have billedgrænsen til at blive vist på en anden måde end den grundlæggende virksomhedswebstedstil. Brug CSS til at ændre grænsestilen til et bestemt billede.

1.

Start en HTML eller tekst editor og åbne websiden. Find den tag til det billede, du vil tilføje grænsen til.

2.

Indsæt CSS-stilattributten for at starte din stilændring ( ). Indsæt "grænsen" egenskaben for at ændre grænsekvaliteterne, såsom bredde, type og farve. Følgende billede er stylet med en tykk rød stiplede linje. Attributterne kan være i en hvilken som helst rækkefølge.

3.

Rediger grænseparametrene som ønsket. Bordtykkelsen kan være tyk, medium eller tynd eller en pixelstørrelsesværdi som "6px." Du kan vælge mellem forskellige grænsetyper, herunder dobbelt, solid eller stiplet. Farve kan også angives på forskellige måder: hex (# ffcc00), RGB (RGB (255, 0, 0)) eller et farvet navn (blå).

4.

Gem siden og åben i en webbrowser for at få vist skærmændringen.