Сегодня я хотел бы рассказать о том, как можно сделать необычную с точки зрения визуализации ссылку с использованием CSS и тэга <span>...</span>.
Тег <SPAN> предназначен для определения встроенных
элементов документа. В отличие от блочных элементов, таких как <TABLE>, <P> или <DIV>, с помощью тега
<SPAN> можно выделить часть информации внутри других
тегов и установить для нее свой стиль. Например, внутри параграфа (тега <P>)
можно изменить цвет и размер первой буквы, если добавить начальный и конечный
тег <SPAN> и определить для него стиль текста. Чтобы
не описывать каждый раз стиль внутри тега, можно выделить стиль во внешнюю таблицу
стилей, а для тега добавить параметр class или
id с именем селектора. - www.htmlbook.ru.
Скажем, у Вас есть URL как этот: www.mastersite.org.ua
Визуально ее можно разделить на блоки примерно так: www.mastersite.org.ua
Тем самым мы подчеркиваем в ссылке необходимое нам слово и акцентируем на нем внимание.
Ниже я привожу пример как можно при помощи CSS стилей сделать эту ссылку.
a span {
color: #971212;
}
Данный код устанавливает свой стиль части текста в нашей ссылки.
"Тем самым мы подчеркиваем в ссылке необходимое нам слово и акцентируем на нем внимание."
Заострить внимание пользователя на какой-то одной ссылке - хорошо, а вот делать такой эффект по меньшей мере не юзабельно.
Написать комментарий
ВНИМАНИЕ: Все поля необходимо заполнить
Контакты
Моб. тел.: 8-097-99-22-00-6 E-mail:tarasishe@gmail.com Портфолио работ:http://mij.org.ua/ Деятельность: Создание сайтов, сайтов - визиток в Харькове, поддержка и размещение в Интернет.
gich - 24-03-09 15:03:28
"Тем самым мы подчеркиваем в ссылке необходимое нам слово и акцентируем на нем внимание."
Заострить внимание пользователя на какой-то одной ссылке - хорошо, а вот делать такой эффект по меньшей мере не юзабельно.