Как да приложите украса на текст със задържане на задния вятър, фокусиране и активни състояния

Kak Da Prilozite Ukrasa Na Tekst S S Zad Rzane Na Zadnia Vat R Fokusirane I Aktivni S Stoania



Докато включва различни функционалности в уеб страницата или сайта, има случаи, в които програмистът трябва да добави интерактивни връзки, които стават видими при действието на потребителя, т.е. при задържане на мишката. В такива сценарии декорирането на текст в съответствие с различни състояния върши чудеса, за да изпъкне сайтът.

Този блог обхваща следните области на съдържание:

Как да приложите украса на текст със задържане на задния вятър, фокусиране и активни състояния?

Текстът може да бъде украсен чрез „ текст-украса ' Имот. Това свойство може да се приложи с различни състояния на модификатор като „ завъртане ', ' фокус ' и ' активен ”, за да украсите съответно текста при действието на потребителя.





Пример 1: Прилагане на украса на текст със състояние „задръжте“.

Този пример прилага „ текст-украса ”, така че да не е подчертано по подразбиране, но става подчертано при задържане на мишката:





< html >

< глава >

< мета набор от знаци = 'utf-8' >

< мета име = 'viewport' съдържание = 'width=device-width, initial-scale=1' >

< сценарий src = 'https://cdn.tailwindcss.com' >< / сценарий >< / глава >

< тяло >

< текстово поле клас = 'без подчертаване на мишката: подчертаване' > Това е Tailwind CSS < / текстово поле >

< / тяло >

< / html >

Според тези редове код, посочете пътя на CDN в рамките на „ <глава> ”, за да използвате функционалностите на Tailwind. Сега приложете комбинирания „ текст-украса ” собственост заедно с „ завъртане ” състояние така, че при задържане на елемента, той става подчертан.



Изход



Както се вижда, „