Декоративни елементи за подчертаване на CSS

Технологията на стилните стилове изпълнява две функции при създаването на HTML страници. Първо, с негова помощ се формира позицията на отделните елементи на обекта. На второ място, прави блоковете визуално привлекателни за потребителя. Втората функция се изпълнява по различни начини. Един от тях е подчертаващ. CSS осигурява този атрибут текстова

Спецификация на записа на атрибута

Възползвайте се от имота текстоваукраса просто. Достатъчно е да напишете следния ред за елемента в кода на файла стил:

текстовадекорация: attribute_value-

Вместо "znachenie_atributa"Спецификацията на CSS предлага редица опции:

• подчертавам - линията се намира точно под текста;
• Номера - линията преминава от горната част на текста;
• никой - отстраняване на всички декоративни ефекти;
• наследят - приема стойността на родителския елемент.

Гореспоменатите не са всички възможни форми на записа, тъй като този атрибут определя не само CSS подчертаване, но и други ефекти, например "мигане" на текста или неговата преплетена.

Примери за дизайн на хипервръзки

Начинаещите в уеб дизайна и програмирането имат следния въпрос: защо да направят долния ред на текста? В зората на ерата на интернет технологиите, този начин на подчертаване показва на потребителя, че пред него има хипервръзка - текст, който ще бъде кликнат върху нова страница.

По подразбиране хипервръзките имат набор от свойства подчертавам. На практика възниква проблемът да се премахне линията от неактивни елементи и да се направи видима, когато потребителят се движи с показалеца на мишката. Ето пример за този код деактивира подчертаване на CSS връзки:

a {text-decoration: none;}

Следният запис се използва за активните връзки:

a: задръжте {text-decoration: underline-}

Декоративно подчертаване за напреднали

Стандартен атрибут текстоваукраса има няколко ограничения:

• Цветът на линията не се различава от цвета на текста на връзката, не е възможно да се различи тяхното "оцветяване";
• Използва се само солидна линия за подчертаване. CSS не означава използването на други стилове на надпис.

Но специалните техники помагат да се избегне класическият дизайн на текста. В първия случай се използва допълнителен маркер за уточняване на хипервръзката <педя.

Например:

хипервръзки

на>.р>

В резултат на това на страницата думата "хипервръзка" ще бъде написана в синьо и цветът на линията ще бъде червен.

Друг усъвършенстван начин, който ви позволява да внедрите CSS подчертаване, е гранично-отдолу. Примерът по-долу обяснява неговото използване:

a {border-bottom: 1px solid red}

Резултатът ще бъде същият като в горния пример. Но този метод има важно предимство. В допълнение към промяната на цвета на линията (вече настроена на червено - червен), възможно е да се трансформира начина, по който е изчертана:

• пунктирана - Подчертава ли точката?
• пунктирана - линията се състои от удари;
• двойно Начертава двойна линия.

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