Kā lietot virziena, fokusa un aktīvo stāvokļus ar teksta dekorācijas biezumu aizmugurējā vējā

Ka Lietot Virziena Fokusa Un Aktivo Stavoklus Ar Teksta Dekoracijas Biezumu Aizmugureja Veja



Veidojot uz saturu balstītas vietnes, programmētājam bieži ir jāizceļ svarīgākie termini, lai nodrošinātu labāku lietotāja pieredzi un izpratni. Šādā gadījumā “ Teksta apdares biezums Stājas spēkā Tailwind utilīta, kuru var iekļaut pielāgotā veidā atbilstoši vietnes izkārtojumam.

Šajā apmācībā ir izskaidrots šāds saturs:

Kā lietot virziena, fokusa un aktīvo stāvokļus ar teksta dekorācijas biezumu aizmugurējā vējā?

' Teksta apdare Biezums ' var lietot ar šiem stāvokļiem, izmantojot mērķa stāvokli un ' teksts-dekorācija-biezums ” rekvizītu, kam seko mērķa biezuma vērtība pikseļos. Šo pieeju integrācija maina teksta dekorācijas biezumu (pikseļos), virzot peles kursoru, kad elements tiek fokusēts vai elements ir aktīvs. Šie pikseļi var būt ' 1 pikselis ',' 2 pikseļi ',' 4 pikseļi ” vai “ 8 pikseļi ”. Tas ir tāds, ka jo vairāk pikseļu, jo lielāks ir biezums.







1. piemērs: Teksta noformējuma biezuma pielietošana ar “virzīšanas” stāvokli

Šis piemērs attiecas uz ' teksts-dekorācija-biezums ' īpašums ar ' novietojiet kursoru ” stāvokli, lai iestatītu biezumu, virzot peles kursoru:





< html >

< galvu >

< meta rakstzīmju kopa = 'utf-8' >

< meta nosaukums = 'skata logs' saturu = 'platums=ierīces platums, sākotnējais mērogs=1' >

< skripts src = 'https://cdn.tailwindcss.com' >< / skripts >< / galvu >

< ķermenis >

< teksta apgabals klasē = 'pasvītrot kursoru: dekorācija-4' > Džeimss ir punktuāls < / teksta apgabals >

< / ķermenis >

< / html >

Šajā koda fragmentā iekļaujiet CDN ceļu tagā “”, lai izmantotu Tailwind funkcijas. Pēc tam sadaļā “