Hello World c 0 строчек HTML

Если очень хочется вывести текст, но не использовать HTML, то можно задействовать стили подобным образом

<style>html:after {content: 'Hello world!'; }</style>

Если вы сохраните файл с одной этой строчкой в html файл и откроете в браузере, то увидите Hello world.

Можно пойти дальше и вывести псевдо-3D текст. Выглядеть он будет вот так:


Текст:

<style> html {background:#3695c1;color:#fff;font-size:100px;text-shadow: 0 1px 0 #ccc,
0 2px 0 #c9c9c9,
0 3px 0 #bbb,
0 4px 0 #b9b9b9,
0 5px 0 #aaa,
0 6px 1px rgba(0,0,0,.1),
0 0 5px rgba(0,0,0,.1),
0 1px 3px rgba(0,0,0,.3),
0 3px 5px rgba(0,0,0,.2),
0 5px 10px rgba(0,0,0,.25),
0 10px 10px rgba(0,0,0,.2),
0 20px 20px rgba(0,0,0,.15);} html:after {content: 'Hello world!'; }</style>
Метки: , ,
Если Вам понравилась статья Hello World c 0 строчек HTML, то пожалуйста, прокомментируйте ее или подпишитесь на фид и получайте будущие публикации по RSS. Поделитесь ссылкой на статью с друзьями при помощи социальных кнопок ниже.
Комментарии

Пока нет комментариев.

Прокомментировать

(обязательно)

(обязательно)