Lebegő, fókusz és aktív állapotok alkalmazása szövegdekorációs vastagsággal hátszélben

Lebego Fokusz Es Aktiv Allapotok Alkalmazasa Szovegdekoracios Vastagsaggal Hatszelben



Tartalomalapú webhelyek létrehozása során a programozónak gyakran elő kell írnia a létfontosságú terminológiákat a jobb felhasználói élmény és megértés érdekében. Ilyen esetben a „ Szöveg dekoráció vastagsága ” segédprogram lép életbe a Tailwindben, amely az oldal elrendezésének megfelelően egyedi módon beépíthető.

Ez az oktatóanyag a következő tartalmakat magyarázza el:

Hogyan alkalmazzunk Lebegő, Fókuszált és Aktív állapotokat szövegdekorációs vastagsággal hátszélben?

A ' Szövegdíszítés Vastagság ” használható ezekkel az állapotokkal a célállapot és a „ szöveg-dísz-vastagság ” tulajdonság, majd a célvastagság érték pixelben. Ezen megközelítések integrálása megváltoztatja a szövegdekoráció vastagságát (pixelben), amikor az egérmutatót mozgatja, az elemet fókuszálva vagy aktív állapotban van. Ezek a pixelek lehetnek ' 1 képpont ', ' 2px ', ' 4 képpont ” vagy „ 8 képpont ”. Ez olyan, hogy minél több pixel, annál nagyobb a vastagság.





1. példa: A szöveg díszítési vastagságának alkalmazása „lebegő” állapottal

Ez a példa a ' szöveg-dísz-vastagság ' ingatlan a ' lebeg ” állapotban állítsa be a vastagságot az egérmutatóval:





< html >

< fej >

< meta karakterkészlet = 'utf-8' >

< meta név = 'nézőablak' tartalom = 'width=device-width, kezdeti lépték=1' >

< forgatókönyv src = 'https://cdn.tailwindcss.com' >< / forgatókönyv >< / fej >

< test >

< textarea osztály = 'aláhúzás hover:dekoráció-4' > James pontos < / textarea >

< / test >

< / html >

Ebben a kódrészletben adja meg a CDN elérési utat a „” címkén belül, hogy kihasználhassa a Tailwind funkciókat. Ezt követően a „