Sådan viser du tekst som et billede af et foto i CSS
Webmastere kan vise og style tekst på websider ved hjælp af CSS - Cascading Style Sheet - kode til at formatere forskellige typer tekst. Hvis du vil vise tekst som billedtekst for et billede, skal du oprette en CSS-kodeklasse for tekstteksten og derefter tagge hver billedtekst med klassidentifikatoren for automatisk at formatere teksten i billedstil.
1.
Start dit sædvanlige webdesignprogram, HTML editor applikation eller Microsoft Notesblok tekst tekstværktøj. Åbn den webside, der indeholder den billedtekst, du vil formatere.
2.
Rul til overskriftsafsnittet øverst på siden. Overskriftsafsnittet starter med taggen "" og slutter med "" taggen.
3.
Indtast eller indsæt følgende kodestykke umiddelbart før "" taggen:
4.
Fremhæv og rediger hver egenskab mellem de krøllede parenteser til at style og formatere din billedtekst. For eksempel skal du ændre elementet "skrifttypestørrelse" til din foretrukne tekststørrelse til billedteksten. Rediger "font-familien" til dit foretrukne skrifttype ansigt. Du vil muligvis vælge et skrifttype, som enten skiller sig ud fra resten af teksten på websiden eller svarer til den skrifttype, der bruges på andre dele af siden. Skift farve fra "# 000000" - standard sort tekst - til din foretrukne farvekode. I "skrifttype-vægt" ændres attributten fra "normal" til "fed", hvis du vil have billedtekst i fed skrift.
5.
Rul til stillingen for hver billedtekst, som du vil anvende stilen på i kroppens sektion på websiden, mellem "" og "" tags.
6.
Indsæt eller skriv "" umiddelbart før tekstteksten. Indsæt "" efter tekstteksten. Koden skal se sådan ud:
Eksempelteksttekst, der forklarer indholdet af billedet.7.
Gem websiden og upload den til din websteds værtsserver på den sædvanlige måde gennem kontrolpanelet på dit værts indholdsstyringssystem eller med en filoverførselsprotokol-applikation.
Tips
- Brug et online farvevælgerværktøj til at finde den korrekte hexadecimale farvekode til din foretrukne billedtekstfarve i trin 4.
- Gentag denne procedure for hver webside, som du vil anvende CSS teksttekst stil på.
Populære Indlæg
Når du zoomer ind med dit webcam, kommer du ind på et tidspunkt i webcamets optagelsesvindue. Zoomfunktionen bestemmes af den software, du bruger til at styre dit webcam. Graden, som du kan zoome ind på webcamets videobillede, afhænger af opløsningen af dit billedvindue og mulighederne i softwaren. Værktøj
Læs Mere
Et efterspurgt domænenavn kan sælge for millioner. Domænenavne har ikke en fast værdi og er udelukkende baseret på, hvad en køber er villig til at betale for det. Selv om domænenavne normalt sælges i et budformat, kan du estimere, hvor meget din er værd ved at sammenligne den med lignende websteder, der for nylig er blevet solgt, og ved at vurdere dens trafik og søgeordskvalitet. Domæne t
Læs Mere
Google har sine virtuelle hænder i næsten hvert hjørne af nettet fra Gmail til Blogger til YouTube. Virksomheden er så ekspansiv, at det er svært at tro, at det startede som en simpel søgemaskine i 1998. Da virksomheden er vokset, har den hjulpet med at forme, hvordan folk interagerer med internettet. Dets
Læs Mere
Mere end 4 millioner amerikanere arbejder i detailsalg, baseret på 2010 data fra United States Bureau of Labor Statistics. BLS vurderer, at næsten 375.000 nye detailhandelsjob vil være tilgængelige i 2018, og sektorens hurtigste jobvækst kan være hos generelle varehandler, der sælger en lang række varer til lave priser. Gulv s
Læs Mere
Google Plus Hangouts giver mulighed for op til ti personer til videochat alle på én gang og konkurrerer med lignende produkter som FaceTime, Skype og ooVoo. Du kan justere privatlivets indstillinger for at bestemme, hvilke personer du vil kunne deltage i. Starter eller deltager i et Hangout For at starte et Hangout skal du logge ind på Google Plus. P
Læs Mere