Google Icons Intro
❮ Предыдущая Далее ❯
Чтобы использовать значки Google, добавьте следующую строку в раздел своей HTML-страницы:
Примечание: Загрузка и установка не требуются!
Добавьте класс material-icons к встроенному элементу и вставьте
имя значка:
Пример
Следующий код:
< body>
cloud
cloud
cloud
Результат:
облако облако облако
Попробуйте сами »
Значки Google предназначены для использования со встроенными элементами.
и элементы широко используются для иконок.Примечание. Значки материалов по умолчанию имеют размер 24 пикселя.
Также обратите внимание, что если вы измените цвет контейнера значка, цвет значок тоже меняется. То же самое касается тени и всего остального, что передается по наследству. с помощью CSS. Исключением является свойство размера шрифта CSS, которое всегда равно 24 пикселям. если не указано иное.
Хотя значки материалов можно масштабировать до любого размера, рекомендуется Размер шрифта может быть 18, 24, 36 или 48 пикселей:
Пример
Следующий код:
cloud
cloud
cloud
cloud
Результат:
cloud облако облако облако
Попробуйте сами »
❮ Предыдущая Следующий ❯
ВЫБОР ЦВЕТА
Лучшие учебники
Учебное пособие по HTMLУчебное пособие по CSS
Учебное пособие по JavaScript
Практическое руководство
Учебное пособие по SQL
Учебник по Python
Учебник по W3.
CSS Учебник по Bootstrap
Учебник по PHP
Учебник по Java
Учебник по C++
Учебник по jQuery
Основные ссылки
HTML ReferenceCSS Reference
JavaScript Reference
SQL Reference
Python Reference
W3.CSS Reference
PHP Reference
HTML Colors
Java Reference
Angular Reference
jQuery Reference
Top2 Examples Примеры HTML
Примеры CSS
Примеры JavaScript
Примеры инструкций
Примеры SQL
Примеры Python
Примеры W3.CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery
4 FORUM 90 | О
W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения.
Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания.