Как создавать красивые загланые буквы неиспользуя картинки???
Как создавать красивые загланые буквы неиспользуя картинки???
Вопрос
Здравствуйте!
Я недавно наткнулась на сайт у, которого заглавные буквы обзатца были сделанные в виде больших квадратов, залитыми разноцветным фоном..
Мне очень понравилось такое оформление…
Но самое главное, что - эти красивые буквы были сделанны не картинками, а текстом, тоесть их можно было спокойно выделять и копировать как текст….Я в Css немного разбираюсь, но создать подобное у меня не получилось - прошу у Вас помощи!!!
За ранее благадарна!!!
Ответ
Здравствуйте!
Это можно сделать, через язык разметки Css - ответ на этот вопрос я нашёл на англоязычном сайте mandarindesign.com - кстате очень интересный сайт, там есть много различных трюков с данными языками гипертекстовой разметки……Так вот пример с использованием белой буквы на цветном квадрате и с чёрной буквой….
!!!НАЖМИ ЧТОБЫ ПРОСМОТРЕТЬ!!!Ниже я приведу коды и сделаю краткое описание к некоторым стилям.
Код на белую букву в жёлтом квадрате:
<span style=”margin-right:6px;margin-top:5px;float:left;
color:red;
background:blue;
border:3px solid red;
font-size:55px;
line-height:37px;
padding-top:2px;
padding-right:5px;
font-family:times;
“>
В
</span>
от такой простенький пример с использованием
<br>
большой и симпатичной белой буквочкой на жёлтом фоне…..
<div style=”clear:both;”><br></div>
Вот код на чёрную букву в бордовом квадрате:
<span style=”margin-right:6px;margin-top:5px;float:left;
background:firebrick;
border:1px solid black;
font-size:55px;
line-height:37px;
padding-top:2px;
padding-right:5px;
font-family:times;
“>
А
</span>
это второй пример, с чёрной буквой<br> на красном фоне…
<div style=”clear:both;”><br></div>Вот краткое описание на код белой буквы в жёлтом квадрате:
<span style=”margin-right:6px;
margin-top:5px;
float:left;
color:white; - в место white можите написать любой другой цвет.Страницы: 1 2