Hur man skriver en CSS-kant runt en bild

Cascading Style Sheets gör att du kan ändra HTML-layout och visa egenskaper som positionering, färg och gränser. HTML tagg används för att visa en bild på en webbsida och innehåller ett "gränsen" attribut som låter dig ställa in gränsen till och från samt ange gränsen bredd. Kanske skapar du en marknadsföringssida med specialerbjudanden och du vill att bildgränsen ska visas på ett annat sätt än den grundläggande företagswebbstylen. Använd CSS för att ändra gränsstilen för en viss bild.

1.

Starta en HTML- eller textredigerare och öppna webbsidan. Leta reda på tagga till den bild som du vill lägga till gränsen till.

2.

Infoga CSS-stilattributet för att börja ändra din stil ( ). Lägg in egenskapen "gräns" för att ändra gränskvaliteter, t.ex. bredd, typ och färg. Följande bild är utformad med en tjock röd streckad linje. Attributen kan vara i vilken ordning som helst.

3.

Ändra gränsparametrarna efter önskemål. Gränttjockleken kan vara tjock, medium eller tunn eller ett pixelstorlek som "6px". Du kan välja mellan olika gränstyper, inklusive dubbel, solid eller streckad. Färg kan också anges på olika sätt: hex (# ffcc00), RGB (RGB (255, 0, 0)) eller ett färgnamn (blå).

4.

Spara sidan och öppna i en webbläsare för att visa visningsändringen.

Populära Inlägg