Så här visar du text som en bild på ett foto i CSS

Webbmästare kan visa och skriva text på webbsidor med hjälp av CSS - Cascading Style Sheet - kod för att formatera olika typer av text. Om du vill visa text som bildtext för ett foto skapar du en CSS-kodsklass för texttexten och märker sedan varje bildtext med klassidentifieraren för att automatiskt formatera texten i bildtextstil.

1.

Starta ditt vanliga webbdesignprogram, HTML-redigeringsprogrammet eller det vanliga textverktyget för Microsoft Notepad. Öppna webbsidan som innehåller bildtexten du vill formatera.

2.

Bläddra till rubrikrubriken längst upp på sidan. Sidhuvuddelen börjar med taggen "" och slutar med taggen "".

3.

Skriv eller klistra in följande kodsedel direkt före taggen:

4.

Markera och redigera varje attribut mellan de krökta parenteserna för att utforma och formatera din texttext. Byt till exempel "fontstorlek" -elementet till önskad textstorlek för bildtexten. Redigera "font-familjen" till ditt föredragna teckensnitt. Du kanske vill välja ett teckensnitt som antingen skiljer sig från resten av texten på webbsidan eller matchar teckensnittet som används på andra delar av sidan. Ändra färgen från "# 000000" - standard svart text - till din föredragna färgkod. I "font-weight" ändras attributet från "normal" till "fet" om du vill ha text i fetstil.

5.

Bläddra till läget för varje bildtexta som du vill använda stilen i kroppsdelen på webbsidan mellan "" och "" taggarna.

6.

Klistra in eller skriv "" direkt före texttexten. Lägg till "" efter texttexten. Koden ska se så här ut:

Exempel texttext, förklarar innehållet i bilden.

7.

Spara webbsidan och ladda upp den till webbsidans värdserver på vanligt sätt via kontrollpanelen i värdens innehållshanteringssystem eller med ett filöverföringsprotokollsprogram.

tips

  • Använd ett online-färgplockarverktyg för att hitta rätt hexadecimal färgkod för den önskade textfönstervärdet i steg 4.
  • Upprepa den här proceduren för varje webbsida för vilken du vill tillämpa CSS-texttextstilen.

Populära Inlägg