<span> | Тег HTML - Справочник HTML + HTML5 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Пятница, 09.12.2016
Главная » Справочник HTML » Строчные элементы


ОбъектыБлочные элементы
ТаблицыСтрочные элементы
СимволыФорматирование
ДокументыИзображения
ЗвукФормы
СпискиУстаревшие теги
ФреймыСкрипты



Адаптивный сайт - aTmpl


<span> | Тег HTML

Тег <span> используется для оформления




Тег <span> используется для оформления других тегов.Для оформления используются стили CSS,может работать как селектор,так и через идентификатор или класс.Применяется при недостатке вложения стилей,и при любых других обстоятельствах,когда нужно подправить стиль на месте.Тег поддерживает глобальные атрибуты,а так же атрибуты событий в HTML5




Тег работает в браузерах





Пример применения тега


<!DOCTYPE html>
<html>
<head>
<title>Тэг span</title>
<style>
a {
text-decoration:none;
font-size:20px;
color:red;
}
span {
width:100px;
height:100px;
display:block;
border-radius:66px;
-moz-border-radius:66px;
-webkit-border-radius:66px;
border:blue 4px solid;
font-size:18px;
color:#ffffff;
line-height:90px;
text-shadow:0 2px 0 #000000;
text-align:center;
background:green;
}
span:hover {
border:green 4px solid;
color:#ffffff;
text-shadow:0 1px 0 red;
background:blue;
 }
</style>
</head>
<body>
<a href="http://delaisait.tk">
<span>Делай сайт</span><br>DELAISAIT.TK</a>
</body>
</html>

Пример в действии





Русские шрифты





Категория: Строчные элементы | Добавил: IZOTOP (29.06.2012) | Автор: Меренков Михаил W
Просмотров: 627 | Теги: дополнительное оформление, стили для тегов | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]