Крестик css – Attention Required! | Cloudflare — GnomesMonetiZed.RU — Экономическая онлайн игра Золото лепреконов

Содержание

Спецсимволы HTML

Опубликовано: 21 мая 2014 Обновлено: 1 октября 2019

Спецсимволы HTML, или символы-мнемоники, представляют собой конструкцию SGML (англ. Standard Generalized Markup Language — стандартный обобщённый язык разметки), ссылающуюся на определенные символы из символьного набора документа. В основном они используются для указания символов, которых нет в стандартной компьютерной клавиатуре, либо которые не поддерживает кодировка HTML-страницы (Windows-1251, UTF-8 и т.д.).

Чтобы разместить символ на веб-странице, необходимо указать HTML-код или мнемонику.

Спецсимволы чувствительны к регистру, поэтому их необходимо прописывать точно так, как указано в таблице. Спецсимволы, не имеющие мнемоники, могут не отображаться вовсе или же некорректно отображаться в тех или иных браузерах.

Для вставки символов внутрь тегов воспользуйтесь HTML-кодом символа, а для использования символов в таблицах стилей, например, в качестве значения свойства content — CSS-код.

Спецсимвол наследует цвет от цвета текста родительского элемента. Чтобы изменить цвет спецсимвола, можно поместить HTML-код внутрь тега <span> или задать нужное значение свойства color (при вставке спецсимволов через свойство content).

Вид	HTML-код	CSS-код	Описание
🖂	🖂	\1F582	Обратная сторона конверта
☃	☃	\2603	Снеговик
☦	☦	\2626	Православный крест
⚓	⚓	\2693	Якорь
✆	✆	\2706	Знак телефона
☎	☎	\260E	Телефон
☕	☕	\2615	Горячие напитки
✎	✎	\270E	Карандаш, направленный вправо-вниз
✏	✏	\270F	Карандаш
✐	✐	\2710	Карандаш, направленный вправо-вверх
✑	✑	\2711	Незакрашенное острие пера
✒	✒	\2712	Закрашенное острие пера
⚜	⚜	\269C	Геральдическая лилия
⛑	⛑	\26D1	Шлем с белым крестом
⚝	⚝	\269D	Начерченная белая звезда
❄	❄	\2744	Снежинка
❤	❤	\2764	Закрашенное жирное сердце
❅	❅	\2745	Зажатая трилистниками снежинка
❆	❆	\2746	Жирная остроугольная снежинка
★	★	\2605	Закрашенная звезда
☆	☆	\2606	Незакрашенная звезда
✪	✪	\272A	Незакрашенная звезда в закрашенном круге
✫	✫	\272B	Закрашенная звезда с незакрашенным кругом внутри
✯	✯	\272F	Вращающаяся звезда
❉	❉	\2749	Звёздочка с шарообразными окончаниями
❋	❋	\274B	Жирная восьмиконечная каплеобразная звёздочка-пропеллер
✲	✲	\2732	Звёздочка с незакрашенным центром
☀	☀	\2600	Закрашенное солнце с лучами
☁	☁	\2601	Облака
☂	☂	\2602	Зонтик
☑	☑	\2611	Галочка в квадрате
☒	☒	\2612	Крестик в квадрате
☹	☹	\2639	Нахмуренный смайлик
☺	☺	\263A	Улыбающийся смайлик
☻	☻	\263B	Закрашенный улыбающийся смайлик
☭	☭	\262D	Серп и молот
⚑	⚑	\2691	Закрашенный флаг
⚐	⚐	\2690	Незакрашенный флаг
☰	☰	\2630	Триграмма
✿	✿	\273f	Закрашенный цветок
❀	❀	\2740	Незакрашенный цветок
✾	✾	\273E	Цветок с шестью лепестками
❁	❁	\2741	Закрашенный обведённый цветок
❂	❂	\2742	Цветок из точек
✉	✉	\2709	Конверт
❦	❦	\2766	Сердце в виде цветка
❶	❶	\2776	Номер 1
❷	❷	\2777	Номер 2
❸	❸	\2778	Номер 3
❹	❹	\2779	Номер 4
❺	❺	\277A	Номер 5
❻	❻	\277B	Номер 6
❼	❼	\277C	Номер 7
❽	❽	\277D	Номер 8
➒	➒	\2792	Номер 9
➓	➓	\2793	Номер 10
✖	✖	\2716	Жирный знак умножения
✘	✘	\2718	Жирный крестик
✔	✔	\2714	Жирная отметка галочкой
✚	✚	\271A	Жирный крест
⚛	⚛	\269B	Символ атома
♺	♺	\267A	Символ переработки
❑	❑	\2751	Незакрашенный квадрат с правой нижней тенью
❒	❒	\2752	Незакрашенный квадрат с правой верхней тенью
◈	◈	\25C8	Алмаз в оправе
◐	◐	\25D0	Круг с левой закрашенной половиной
◑	◑	\25D1	Круг с закрашенной правой половиной
⁂	⁂	\2042	Три звездочки

Вид	HTML-код	CSS-код	Описание
		\00A0	Неразрывный пробел
		\00AD	Место возможного переноса
<	<	\003C	Знак «меньше чем» (начало тега)
>	>	\003E	Знак «больше чем» (конец тега)
«	«	\00AB	Левая двойная угловая скобка
»	»	\00BB	Правая двойная угловая скобка
‹	&lsaquo;	\2039	Левая угловая одиночная кавычка
›	&rsaquo;	\203A	Правая угловая одиночная кавычка
«	"	\0022	Двойная кавычка
′	′	\2032	Одиночный штрих
″	″	\2033	Двойной штрих
‘	‘	\2018	Левая одиночная кавычка
’	’	\2019	Правая одиночная кавычка
‚	&sbquo;	\201A	Нижняя одиночная кавычка
“	“	\201C	Левая двойная кавычка
”	”	\201D	Правая двойная кавычка
„	&bdquo;	\201E	Нижняя двойная кавычка
❜	❜	\275C	Жирная одинарная верхняя запятая
❛	❛	\275B	Жирная одинарная повёрнутая верхняя запятая
&	&	\0026	Амперсанд
‘	'	\0027	Апостроф (одинарная кавычка)
§	§	\00A7	Параграф
©	©	\00A9	Знак copyright
¬	¬	\00AC	Знак отрицания
®	®	\00AE	Знак зарегистрированной торговой марки
¯	¯	\00AF	Знак долготы над гласным
°	°	\00B0	Градус
±	±	\00B1	Плюс-минус
¹	¹	\00B9	Верхний индекс «1»
²	²	\00B2	Верхний индекс «2»
³	³	\00B3	Верхний индекс «3»
¼	¼	\00BC	Одна четверть
½	½	\00BD	Одна вторая
¾	¾	\00BE	Три четверти
´	´	\00B4	Знак ударения
µ	µ	\00B5	Микро
¶	¶	\00B6	Знак абзаца
·	·	\00B7	Знак умножения
¿	¿	\00BF	Перевернутый вопросительный знак
ƒ	&fnof;	\0192	Знак флорина
™	™	\2122	Знак торговой марки
•	•	\2022	Маркер списка
…	…	\2026	Многоточие
‾	&oline;	\203E	Надчеркивание
–	–	\2013	Среднее тире
—	—	\2014	Длинное тире
‰	&permil;	\2030	Промилле
}	}	\007D	Правая фигурная скобка
{	{	\007B	Левая фигурная скобка
=	=	\003D	Знак равенства
≠	≠	\2260	Знак неравенства
≅	&cong;	\2245	Конгруэнтность (геометрическое равенство)
≈	≈	\2248	Почти равно
≤	≤	\2264	Меньше чем или равно
≥	≥	\2265	Больше чем или равно
∠	&ang;	\2220	Угол
⊥	&perp;	\22A5	Перпендикулярно (кнопка вверх)
√	√	\221A	Квадратный корень
∑	∑	\2211	N-ичное суммирование
∫	∫	\222B	Интеграл
※	※	\203B	Знак сноски
÷	÷	\00F7	Знак деления
∞	∞	\221E	Знак бесконечности
@	@	\0040	Символ собака
[	[	\005B	Левая квадратная скобка
]	]	\005D	Правая квадратная скобка

Вид	HTML-код	CSS-код	Описание
←	←	\2190	Стрелка влево
↑	↑	\2191	Стрелка вверх
→	→	\2192	Стрелка вправо
↓	↓	\2193	Стрелка вниз
↔	↔	\2194	Стрелка влево-вправо
↵	&crarr;	\21B5	Стрелка вниз и влево – знак возврата каретки
⇐	⇐	\21D0	Двойная стрелка налево
⇑	&uArr;	\21D1	Двойная стрелка вверх
⇒	⇒	\21D2	Двойная стрелка направо
⇓	&dArr;	\21D3	Двойная стрелка вниз
⇔	⇔	\21D4	Двойная стрелка влево-вправо
➠	➠	\27A0	Летящая стрела
➤	➤	\27A4	Наконечник стрелы
➥	➥	\27A5	Изогнутая стрела, указывающая вниз и вправо
➦	➦	\27A6	Изогнутая стрела, указывающая вверх и вправо
➳	➳	\27B3	Стрела направо
↺	↺	\21BA	Круглая стрелка с наконечником против часовой стрелки
↻	↻	\21BB	Круглая стрелка с наконечником по часовой стрелке
⇧	⇧	\21E7	Толстая полая стрелка вверх
↩	↩	\21A9	Стрелка налево с крючком
➫	➫	\27AB	Наклонённая вниз объёмная стрелка
⬇	⬇	\2B07	Закрашенная стрелка вниз
⬆	⬆	\2B06	Закрашенная стрелка вверх

Вид	HTML-код	CSS-код	Описание
♠	&spades;	\2660	«Пики»
♣	&clubs;	\2663	«Трефы»
♥	&hearts;	\2665	«Червы»
♦	&diams;	\2666	«Бубны»
♡	♡	\2661	Контур «Червы»
♢	♢	\2662	Контур «Бубны»
♤	♤	\2664	Контур «Пики»
♧	♧	\2667	Контур «Трефы»

Вид	HTML-код	CSS-код	Описание
¢	¢	\FFE0	Цент
£	£	\FFE1	Фунт стерлингов
₽	₽	\20BD	Российский рубль
¥	¥	\00A5	Йена или юань
€	€	\20AC	Евро
$	$	\0024	Доллар
₴	₴	\20B4	Знак гривны
₹	₹	\20B9	Индийская рупия
圓	圓	\5713	Китайский юань
₸	₸	\20B8	Казахстанский тенге

Вид	HTML-код	CSS-код	Описание
♈	♈	\2648	Овен
♉	♉	\2649	Телец
♊	♊	\264A	Близнецы
♋	♋	\264B	Рак
♌	♌	\264C	Лев
♍	♍	\264D	Дева
♎	♎	\264E	Весы
♏	♏	\264F	Скорпион
♐	♐	\2650	Стрелец
♑	♑	\2651	Козерог
♒	♒	\2652	Водолей
♓	♓	\2653	Рыбы

html — Как сверстать крестик через border doshed?

Stack Overflow на русском

Loading…

Тур Начните с этой страницы, чтобы быстро ознакомиться с сайтом
Справка Подробные ответы на любые возможные вопросы
Мета Обсудить принципы работы и политику сайта
О нас Узнать больше о компании Stack Overflow
Бизнес Узнать больше о поиске разработчиков или рекламе на сайте

Войти Регистрация
текущее сообщество

ru.stackoverflow.com

Спецсимволы HTML + CSS (мнемоника и коды)

перевернутый восклицательный знак	¡	¡	¡	¡
цент	¢	¢	¢	¢
фунт стерлингов	£	£	£	£
знак денежной единицы	¤	¤	¤	¤
йена	¥	¥	¥	¥
вертикальная черта	¦	¦	¦	¦
параграф	§	§	§	§
диереза	¨	¨	¨	¨
знак авторского права	©	©	©	©
показатель женского рода	ª	ª	ª	ª
открывающая двойная угловая кавычка	«	«	«	«
знак отрицания	¬	¬	¬	¬
мягкий перенос
охраняемый знак	®	®	®	®
надчеркивание	¯	¯	¯	¯
градус	°	°	°	°
плюс-минус	±	±	±	±
вторая степень	²	²	²	²
третья степень	³	³	³	³
острое ударение	´	´	´	´
знак микро	µ	µ	µ	µ
конец абзаца	¶	¶	¶	¶
средняя точка	·	·	·	·
седиль	¸	¸	¸	¸
единица в верхнем индексе	¹	¹	¹	¹
показатель мужского рода	º	º	º	º
закрывающая двойная угловая кавычка	»	»	»	»
одна четвертая	¼	¼	¼	¼
одна вторая	½	½	½	½
три четверти	¾	¾	¾	¾
перевернутый вопросительный знак	¿	¿	¿	¿
A с тупым ударением	À	À	À	À
A с острым ударением	Á	Á	Á	Á
A с циркумфлексом	Â	Â	Â	Â
A с тильдой	Ã	Ã	Ã	Ã
A с диерезой	Ä	Ä	Ä	Ä
A с кружком	Å	Å	Å	Å
лигатура AE	Æ	Æ	Æ	Æ
C с седилем	Ç	Ç	Ç	Ç
E с тупым ударением	È	È	È	È
E с острым ударением	É	É	É	É
E с циркумфлексом	Ê	Ê	Ê	Ê
E с диерезой	Ë	Ë	Ë	Ë
I с тупым ударением	Ì	Ì	Ì	Ì
I с острым ударением	Í	Í	Í	Í
I с циркумфлексом	Î	Î	Î	Î
I с диерезой	Ï	Ï	Ï	Ï
ETH	Ð	Ð	Ð	Ð
N с тильдой	Ñ	Ñ	Ñ	Ñ
O с тупым ударением	Ò	Ò	Ò	Ò
O с острым ударением	Ó	Ó	Ó	Ó
O с циркумфлексом	Ô	Ô	Ô	Ô
O с тильдой	Õ	Õ	Õ	Õ
O с диерезой	Ö	Ö	Ö	Ö
знак умножения	×	×	×	×
O перечеркнутое	Ø	Ø	Ø	Ø
U с тупым ударением	Ù	Ù	Ù	Ù
U с острым ударением	Ú	Ú	Ú	Ú
U с циркумфлексом	Û	Û	Û	Û
U с диерезой	Ü	Ü	Ü	Ü
Y с острым ударением	Ý	Ý	Ý	Ý
THORN	Þ	Þ	Þ	Þ
двойное s	ß	ß	ß	ß
a с тупым ударением	à	à	à	à
a с острым ударением	á	á	á	á
a с циркумфлексом	â	â	â	â
a с тильдой	ã	ã	ã	ã
a с диерезой	ä	ä	ä	ä
a с кружком	å	å	å	å
лигатура ae	æ	æ	æ	æ
c с седилем	ç	ç	ç	ç
e с тупым ударением	è	è	è	è
e с острым ударением	é	é	é	é
e с циркумфлексом	ê	ê	ê	ê
e с диерезой	ë	ë	ë	ë
i с тупым ударением	ì	ì	ì	ì
i с острым ударением	í	í	í	í
i с циркумфлексом	î	î	î	î
i с диерезой	ï	ï	ï	ï
eth	ð	ð	ð	ð
n с тильдой	ñ	ñ	ñ	ñ
o с тупым ударением	ò	ò	ò	ò
o с острым ударением	ó	ó	ó	ó
o с циркумфлексом	ô	ô	ô	ô
o с тильдой	õ	õ	õ	õ
o с диерезой	ö	ö	ö	ö
знак деления	÷	÷	÷	÷
o перечеркнутое	ø	ø	ø	ø
u с тупым ударением	ù	ù	ù	ù
u с острым ударением	ú	ú	ú	ú
u с циркумфлексом	û	û	û	û
u с диерезой	ü	ü	ü	ü
y с острым ударением	ý	ý	ý	ý
thorn	þ	þ	þ	þ
y с диерезой	ÿ	ÿ	ÿ	ÿ
кавычка	"	"	"	«
амперсанд	&	&	&	&
меньше (левая угловая скобка)	<	<	<	<
больше (правая угловая скобка)	>	>	>	>
лигатура OE	&OElig;	Œ	Œ	Œ
лигатура oe	&oelig;	œ	œ	œ
S с птичкой	&Scaron;	Š	Š	Š
s с птичкой	&scaron;	š	š	š
Y с диерезой	&Yuml;	Ÿ	Ÿ	Ÿ
циркумфлекс	&circ;	ˆ	ˆ	ˆ
малая тильда	&tilde;	˜	˜	˜
неразрывный межсловный пробел
узкий пробел (тонкая шпация)
короткий пробел (полукруглая шпация)	&ensp;
длинный пробел (круглая шпация)	&emsp;
разделитель нулевой ширины	&zwnj;	‌	‌	‌
соединитель нулевой ширины	&zwj;	‍	‍	‍
указатель слева направо	&lrm;	‎	‎	‎
указатель справа налево	&rlm;	‏	‏	‏
короткое тире	–	–	–	–
длинное тире	—	—	—	—
открывающая одинарная кавычка	‘	‘	‘	‘
закрывающая одинарная кавычка	’	’	’	’
нижняя одинарная кавычка	&sbquo;	‚	‚	‚
открывающая двойная кавычка	“	“	“	“
закрывающая двойная кавычка	”	”	”	”
нижняя двойная кавычка	&bdquo;	„	„	„
кинжал (крест)	&dagger;	†	†	†
двойной кинжал (двойной крест)	&Dagger;	‡	‡	‡
знак промилле	&permil;	‰	‰	‰
открывающая угловая кавычка	&lsaquo;	‹	‹	‹
закрывающая угловая кавычка	&rsaquo;	›	›	›
евро	€	€	€	€
курсивное f	&fnof;	ƒ	ƒ	ƒ
прописная альфа	Α	Α	Α	Α
прописная бета	Β	Β	Β	Β
прописная гамма	Γ	Γ	Γ	Γ
прописная дельта	Δ	Δ	Δ	Δ
прописной эпсилон	Ε	Ε	Ε	Ε
прописная дзета	Ζ	Ζ	Ζ	Ζ
прописная эта	Η	Η	Η	Η
прописная тета	Θ	Θ	Θ	Θ
прописная иота	Ι	Ι	Ι	Ι
прописная каппа	Κ	Κ	Κ	Κ
прописная ламбда	Λ	Λ	Λ	Λ
прописная мю	Μ	Μ	Μ	Μ
прописная ню	Ν	Ν	Ν	Ν
прописная кси	Ξ	Ξ	Ξ	Ξ
прописной омикрон	Ο	Ο	Ο	Ο
прописная пи	Π	Π	Π	Π
прописная ро	Ρ	Ρ	Ρ	Ρ
прописная сигма	Σ	Σ	Σ	Σ
прописная тау	Τ	Τ	Τ	Τ
прописная ипсилон	Υ	Υ	Υ	Υ
прописная фи	Φ	Φ	Φ	Φ
прописная хи	Χ	Χ	Χ	Χ
прописная пси	Ψ	Ψ	Ψ	Ψ
прописная омега	Ω	Ω	Ω	Ω
строчная альфа	α	α	α	α
строчная бета	β	β	β	β
строчная гамма	γ	γ	γ	γ
строчная дельта	δ	δ	δ	δ
строчная эпсилон	ε	ε	ε	ε
строчная дзета	ζ	ζ	ζ	ζ
строчная эта	η	η	η	η
строчная тета	θ	θ	θ	θ
строчная иота	ι	ι	ι	ι
строчная каппа	κ	κ	κ	κ
строчная ламбда	λ	λ	λ	λ
строчная мю	μ	μ	μ	μ
строчная ню	ν	ν	ν	ν
строчная кси	ξ	ξ	ξ	ξ
строчный омикрон	ο	ο	ο	ο
строчная пи	π	π	π	π
строчная ро	ρ	ρ	ρ	ρ
строчная сигма конечная	&sigmaf;	ς	ς	ς
строчная сигма	σ	σ	σ	σ
строчная тау	τ	τ	τ	τ
строчная ипсилон	υ	υ	υ	υ
строчная фи	φ	φ	φ	φ
строчная хи	χ	χ	χ	χ
строчная пси	ψ	ψ	ψ	ψ
строчная омега	ω	ω	ω	ω
символ строчная тета	&thetasym;	ϑ	ϑ	ϑ
ипсилон с крючком	&upsih;	ϒ	ϒ	ϒ
символ пи	ϖ	ϖ	ϖ	ϖ
маркер списка	•	•	•	•
многоточие	…	…	…	…
знак прим	′	′	′	′
знак двойной прим	″	″	″	″
надчеркивание	&oline;	‾	‾	‾
дробная черта	&frasl;	⁄	⁄	⁄
рукописная P	&weierp;	℘	℘	℘
мнимая часть числа	&image;	ℑ	ℑ	ℑ
действительная часть числа	&real;	ℜ	ℜ	ℜ
торговая марка	™	™	™	™
алеф	&alefsym;	ℵ	ℵ	ℵ
стрелка влево	←	←	←	←
стрелка вверх	↑	↑	↑	↑
стрелка вправо	→	→	→	→
стрелка вниз	↓	↓	↓	↓
стрелка влево-вправо	↔	↔	↔	↔
возврат каретки	&crarr;	↵	↵	↵
двойная стрелка влево	⇐	⇐	⇐	⇐
двойная стрелка вверх	&uArr;	⇑	⇑	⇑
двойная стрелка вправо	⇒	⇒	⇒	⇒
двойная стрелка вниз	&dArr;	⇓	⇓	⇓
двойная стрелка влево-вправо	⇔	⇔	⇔	⇔
квантор всеобщности	∀	∀	∀	∀
знак дифференциала	∂	∂	∂	∂
квантор существования	∃	∃	∃	∃
пустое множество	∅	∅	∅	∅
набла	∇	∇	∇	∇
принадлежит множеству	∈	∈	∈	∈
не принадлежит множеству	∉	∉	∉	∉
является членом	&ni;	∋	∋	∋
n-арное произведение	∏	∏	∏	∏
n-арная сумма	∑	∑	∑	∑
знак минус	−	−	−	−
оператор звездочка	&lowast;	∗	∗	∗
радикал	√	√	√	√
пропорционально	&prop;	∝	∝	∝
бесконечность	∞	∞	∞	∞
угол	&ang;	∠	∠	∠
логическое И	&and;	∧	∧	∧
логическое ИЛИ	&or;	∨	∨	∨
пересечение	∩	∩	∩	∩
объединение	∪	∪	∪	∪
интеграл	∫	∫	∫	∫
следовательно	&there4;	∴	∴	∴
оператор тильда	&sim;	∼	∼	∼
приблизительно равно	&cong;	≅	≅	≅
асимптотически равно	≈	≈	≈	≈
не равно	≠	≠	≠	≠
тождественно равно	&equiv;	≡	≡	≡
меньше или равно	≤	≤	≤	≤
больше или равно	≥	≥	≥	≥
подмножество	⊂	⊂	⊂	⊂
надмножество	⊃	⊃	⊃	⊃
не подмножество	&nsub;	⊄	⊄	⊄
подмножество или равно	&sube;	⊆	⊆	⊆
надмножество или равно	&supe;	⊇	⊇	⊇
прямая сумма	&oplus;	⊕	⊕	⊕
векторное произведение	&otimes;	⊗	⊗	⊗
перпендикулярно	&perp;	⊥	⊥	⊥
оператор точка	⋅	⋅	⋅	⋅
левый верхний угол	&lceil;	⌈	⌈	⌈
правый верхний угол	&rceil;	⌉	⌉	⌉
левый нижний угол	&lfloor;	⌊	⌊	⌊
правый нижний угол	&rfloor;	⌋	⌋	⌋
левая угловая скобка	&lang;	〈	〈	(
правая угловая скобка	&rang;	〉	〉	)
ромб	&loz;	◊	◊
пики	&spades;	♠	♠	♠
трефы	&clubs;	♣	♣	♣
червы	&hearts;	♥	♥	♥
бубны	&diams;	♦	♦	♦

seo-studio.pro

На одну картинку меньше. Спецсимвол ×

Автор: Татьяна Шкабко, Александр Головко и Егор Скорняков Дата публикации: 07.10.2010

На многих сайтах есть разнообразные всплывающие окошки. Как правило, они имеют кнопочку «закрыть» — традиционно это крестик. Обычно этот крестик вырезается из макета картинкой, но такой метод имеет определенные минусы:

Дополнительная картинка — лишнее обращение к серверу.
Картинка начнет грузиться только в момент открытия окошка, т.е. для пользователя сразу ее не будет, а потом вдруг появиться — не очень красивый эффект. Правда для его устрания можно использовать предварительную загрузку изображений или подклеить картинки для всплывающего окна к картинкам, загружаемым сразу, с помощью спрайтов. В общем дополнительная морока.
Если окно имеет неравномерный фон, тогда значок закрытия нужно делать полупрозрачным, т.е. использовать формат png24, что приводит к дополнительным проблемам с IE6.

В некоторых случаях от этих минусов можно избавится, используя для закрытия всплывающего окна вместо картинки спецсимвол ×. Подобрав правильный шрифт, размер, жирность и цвет, можно добиться хорошего сходства с макетом.


Символ × (font-family:Georgia, font-size:20px; font-weight:normal; color:#CE7BE5;)	Символ × (font-family:’Arial Black’, font-size:14px; font-weight:bold; color:#000;)

Для облегчения подбора мы создали специальную табличку.

Тут приведены варианты спецсимвола × для разных начертаний безопасных шрифтов:

Размер шрифта (px): 10px12px14px16px18px20px22px24px26px28px30px32px34px38px38px

font-family	normal	bold	normal italic	bold italic
Arial	×	×	×	×
Arial Black	×	×	×	×
Comic Sans MS	×	×	×	×
Courier New	×	×	×	×
Georgia	×	×	×	×
Impact	×	×	×	×
Times New Roman	×	×	×	×
Trebuchet MS	×	×	×	×
Verdana	×	×	×	×

Плюсы метода:

Пользователь может закрыть всплывающее окно сразу и не должен ждать загрузки картинки;
Уменьшается количество картинок — меньше запросов на сервер, быстрее загрузка;
Не нужно возиться с прозрачностью для IE6.

Минусы:

Нужно вручную подбирать параметры шрифта, что может занять дополнительное время;
Не во всех случаях можно подобрать похожий значок.

Заметка

Для того, чтобы указатель мыши имел привычный вид, не забудь прописать cursor: pointer; для крестика.

Вывод

Метод не претендует на универсальнось, каждый отдельный случай требует индивидуального решения. Тем не менее, идея заменить растровую картинку значком заслуживает внимания.

По теме

xiper.net

Спецсимволы для HTML и CSS

В сегодняшней статье я выложу спецсимволы для HTML и CSS и расскажу, как пользоваться ими в файлах.
Не часто, но бывают моменты, когда мне в заказе при создании сайта нужно использовать спецсимвол, например, телефон или конверт.

Как вывести спецсимволы — HTML

Для примера, чтобы символ телефона отобразился через HTML, воспользуйтесь подсказкой с таблицы (колонка «HTML — код») и просто вставьте в HTML документ код символа:

&#9990;

Результат:

✆

Как вывести спецсимволы — CSS

Для примера, чтобы символ телефона отобразился через CSS, воспользуйтесь подсказкой с таблицы (колонка «CSS — код»).
Далее вставьте в HTML вот такой код:

<p> телефон </p>

Теперь в CSS пропишем к классу «tel» псевдокласс «before» и правило «content»:


.tel:before {
content: "\260E";
font-size:30px;

Результат:

Таблица спецсимволов для HTML и CSS

1. Полезные знаки и символы

Вид	HTML-код	CSS-код	Описание
☃	☃	\2603	Снеговик
☦	☦	\2626	Православный крест
⚓	⚓	\2693	Якорь
✆	✆	\2706	Знак телефона
☎	☎	\260E	Телефон
☕	☕	\2615	Горячие напитки
✎	✎	\270E	Карандаш, направленный вправо-вниз
✏	✏	\270F	Карандаш
✐	✐	\2710	Карандаш, направленный вправо-вверх
✑	✑	\2711	Незакрашенное острие пера
✒	✒	\2712	Закрашенное острие пера
⚜	⚜	\269C	Геральдическая лилия
⛑	⛑	\26D1	Шлем с белым крестом
⚝	⚝	\269D	Начерченная белая звезда
❄	❄	\2744	Снежинка
❤	❤	\2764	Закрашенное жирное сердце
❅	❅	\2745	Зажатая трилистниками снежинка
❆	❆	\2746	Жирная остроугольная снежинка
★	★	\2605	Закрашенная звезда
☆	☆	\2606	Незакрашенная звезда
✪	✪	\272A	Незакрашенная звезда в закрашенном круге
✫	✫	\272B	Закрашенная звезда с незакрашенным кругом внутри
✯	✯	\272F	Вращающаяся звезда
❉	❉	\2749	Звёздочка с шарообразными окончаниями
❋	❋	\274B	Жирная восьмиконечная каплеобразная звёздочка-пропеллер
✲	✲	\2732	Звёздочка с незакрашенным центром
⍟	⍟	\235F	Apl функциональный символ звезда в круге
⊛	⊛	\229B	Оператор звездочки в круге
☀	☀	\2600	Закрашенное солнце с лучами
☁	☁	\2601	Облака
☂	☂	\2602	Зонтик
☑	☑	\2611	Галочка в квадрате
☒	☒	\2612	Крестик в квадрате
☹	☹	\2639	Нахмуренный смайлик
☺	☺	\263A	Улыбающийся смайлик
☻	☻	\263B	Закрашенный улыбающийся смайлик
☭	☭	\262D	Серп и молот
⚑	⚑	\2691	Закрашенный флаг
⚐	⚐	\2690	Незакрашенный флаг
☰	☰	\2630	Триграмма
✿	✿	\273f	Закрашенный цветок
❀	❀	\2740	Незакрашенный цветок
✾	✾	\273E	Цветок с шестью лепестками
❁	❁	\2741	Закрашенный обведённый цветок
❂	❂	\2742	Цветок из точек
✉	✉	\2709	Конверт
❦	❦	\2766	Сердце в виде цветка
❶	❶	\2776	Номер 1
❷	❷	\2777	Номер 2
❸	❸	\2778	Номер 3
❹	❹	\2779	Номер 4
❺	❺	\277A	Номер 5
❻	❻	\277B	Номер 6
❼	❼	\277C	Номер 7
❽	❽	\277D	Номер 8
➒	➒	\2792	Номер 9
➓	➓	\2793	Номер 10
✖	✖	\2716	Жирный знак умножения
✘	✘	\2718	Жирный крестик
✔	✔	\2714	Жирная отметка галочкой
✚	✚	\271A	Жирный крест
⌇	⌇	\2307	Волнистая линия
⚛	⚛	\269B	Символ атома
⌨	⌨	\2328	Клавиатура
♺	♺	\267A	Символ переработки
❑	❑	\2751	Незакрашенный квадрат с правой нижней тенью
❒	❒	\2752	Незакрашенный квадрат с правой верхней тенью
◈	◈	\25C8	Алмаз в оправе
◐	◐	\25D0	Круг с левой закрашенной половиной
◑	◑	\25D1	Круг с закрашенной правой половиной
⁂	⁂	\2042	Три звездочки

2. Знаки пунктуации

Вид	HTML-код	CSS-код	Описание
		\00A0	Неразрывный пробел
		\00AD	Место возможного переноса
<	<	\003C	Знак «меньше чем» (начало тега)
>	>	\003E	Знак «больше чем» (конец тега)
«	«	\00AB	Левая двойная угловая скобка
»	»	\00BB	Правая двойная угловая скобка
‹	&lsaquo;	\2039	Левая угловая одиночная кавычка
›	&rsaquo;	\203A	Правая угловая одиночная кавычка
«	"	\0022	Двойная кавычка
′	′	\2032	Одиночный штрих
″	″	\2033	Двойной штрих
‘	‘	\2018	Левая одиночная кавычка
’	’	\2019	Правая одиночная кавычка
‚	&sbquo;	\201A	Нижняя одиночная кавычка
“	“	\201C	Левая двойная кавычка
”	”	\201D	Правая двойная кавычка
„	&bdquo;	\201E	Нижняя двойная кавычка
❜	❜	\275C	Жирная одинарная верхняя запятая
❛	❛	\275B	Жирная одинарная повёрнутая верхняя запятая
&	&	\0026	Амперсанд
‘	'	\0027	Апостроф (одинарная кавычка)
§	§	\00A7	Параграф
©	©	\00A9	Знак copyright
¬	¬	\00AC	Знак отрицания
®	®	\00AE	Знак зарегистрированной торговой марки
¯	¯	\00AF	Знак долготы над гласным
°	°	\00B0	Градус
±	±	\00B1	Плюс-минус
¹	¹	\00B9	Верхний индекс «1»
²	²	\00B2	Верхний индекс «2»
³	³	\00B3	Верхний индекс «3»
¼	¼	\00BC	Одна четверть
½	½	\00BD	Одна вторая
¾	¾	\00BE	Три четверти
´	´	\00B4	Знак ударения
µ	µ	\00B5	Микро
¶	¶	\00B6	Знак абзаца
·	·	\00B7	Знак умножения
¿	¿	\00BF	Перевернутый вопросительный знак
ƒ	&fnof;	\0192	Знак флорина
™	™	\2122	Знак торговой марки
•	•	\2022	Маркер списка
…	…	\2026	Многоточие
‾	&oline;	\203E	Надчеркивание
–	–	\2013	Среднее тире
—	—	\2014	Длинное тире
‰	&permil;	\2030	Промилле
}	}	\007D	Правая фигурная скобка
{	{	\007B	Левая фигурная скобка
=	=	\003D	Знак равенства
≠	≠	\2260	Знак неравенства
≅	&cong;	\2245	Конгруэнтность (геометрическое равенство)
≈	≈	\2248	Почти равно
≤	≤	\2264	Меньше чем или равно
≥	≥	\2265	Больше чем или равно
∠	&ang;	\2220	Угол
⊥	&perp;	\22A5	Перпендикулярно (кнопка вверх)
√	√	\221A	Квадратный корень
∑	∑	\2211	N-ичное суммирование
∫	∫	\222B	Интеграл
※	※	\203B	Знак сноски
÷	÷	\00F7	Знак деления
∞	∞	\221E	Знак бесконечности
@	@	\0040	Символ собака
[	[	\005B	Левая квадратная скобка
]	]	\005D	Правая квадратная скобка

3. Стрелки

Вид	HTML-код	CSS-код	Описание
←	←	\2190	Стрелка влево
↑	↑	\2191	Стрелка вверх
→	→	\2192	Стрелка вправо
↓	↓	\2193	Стрелка вниз
↔	↔	\2194	Стрелка влево-вправо
↵	&crarr;	\21B5	Стрелка вниз и влево – знак возврата каретки
⇐	⇐	\21D0	Двойная стрелка налево
⇑	&uArr;	\21D1	Двойная стрелка вверх
⇒	⇒	\21D2	Двойная стрелка направо
⇓	&dArr;	\21D3	Двойная стрелка вниз
⇔	⇔	\21D4	Двойная стрелка влево-вправо
➠	➠	\27A0	Летящая стрела
➤	➤	\27A4	Наконечник стрелы
➥	➥	\27A5	Изогнутая стрела, указывающая вниз и вправо
➦	➦	\27A6	Изогнутая стрела, указывающая вверх и вправо
➳	➳	\27B3	Стрела направо
↺	↺	\21BA	Круглая стрелка с наконечником против часовой стрелки
↻	↻	\21BB	Круглая стрелка с наконечником против часовой стрелки
⇧	⇧	\21E7	Толстая полая стрелка вверх
↩	↩	\21A9	Стрелка налево с крючком
➫	➫	\27AB	Наклонённая вниз объёмная стрелка
	⬇	\2B07	Закрашенная стрелка вниз
	⬆	\2B06	Закрашенная стрелка вверх

4. Карточные масти

Вид	HTML-код	CSS-код	Описание
♠	&spades;	\2660	«Пики»
♣	&clubs;	\2663	«Трефы»
♥	&hearts;	\2665	«Червы»
♦	&diams;	\2666	«Бубны»
♡	♡	\2661	Контур «Червы»
♢	♢	\2662	Контур «Бубны»
♤	♤	\2664	Контур «Пики»
♧	♧	\2667	Контур «Трефы»

5. Деньги

Вид	HTML-код	CSS-код	Описание
¢	¢	\FFE0	Цент
£	£	\FFE1	Фунт стерлингов
	₽	\20BD	Российский рубль
¥	¥	\00A5	Йена или юань
€	€	\20AC	Евро
$	$	\0024	Доллар
₴	₴	\20B4	Знак гривны
₹	₹	\20B9	Индийская рупия
圓	圓	\5713	Китайский юань
₸	₸	\20B8	Казахстанский тенге

6. Знаки зоадиака

Вид	HTML-код	CSS-код	Описание
♈	♈	\2648	Овен
♉	♉	\2649	Телец
♊	♊	\264A	Близнецы
♋	♋	\264B	Рак
♌	♌	\264C	Лев
♍	♍	\264D	Дева
♎	♎	\264E	Весы
♏	♏	\264F	Скорпион
♐	♐	\2650	Стрелец
♑	♑	\2651	Козерог
♒	♒	\2652	Водолей
♓	♓	\2653	Рыбы

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

html — При наведении на картинку должен появляться крестик ее удаления

Stack Overflow на русском

Loading…

Тур Начните с этой страницы, чтобы быстро ознакомиться с сайтом
Справка Подробные ответы на любые возможные вопросы
Мета Обсудить принципы работы и политику сайта
О нас Узнать больше о компании Stack Overflow
Бизнес Узнать больше о поиске разработчиков или рекламе на сайте

Войти Регистрация
текущее сообщество
- Stack Overflow на русском справка чат
- Stack Overflow на русском Meta

ru.stackoverflow.com

Специальные символы для вставки в HTML и CSS(Спецсимволы)

Описание символа	Обозначение	10-ный код	16-ный код	Вид
неразрывный пробел
перевернутый восклицательный знак	¡	¡	¡	¡
цент	¢	¢	¢	¢
фунт стерлингов	£	£	£	£
знак денежной единицы	¤	¤	¤	¤
йена	¥	¥	¥	¥
вертикальная черта	¦	¦	¦	¦
параграф	§	§	§	§
диереза	¨	¨	¨	¨
знак авторского права	©	©	©	©
показатель женского рода	ª	ª	ª	ª
открывающая двойная угловая кавычка	«	«	«	«
знак отрицания	¬	¬	¬	¬
мягкий перенос
охраняемый знак	®	®	®	®
надчеркивание	¯	¯	¯	¯
градус	°	°	°	°
плюс-минус	±	±	±	±
вторая степень	²	²	²	²
третья степень	³	³	³	³
острое ударение	´	´	´	´
знак микро	µ	µ	µ	µ
конец абзаца	¶	¶	¶	¶
средняя точка	·	·	·	·
седиль	¸	¸	¸	¸
единица в верхнем индексе	¹	¹	¹	¹
показатель мужского рода	º	º	º	º
закрывающая двойная угловая кавычка	»	»	»	»
одна четвертая	¼	¼	¼	¼
одна вторая	½	½	½	½
три четверти	¾	¾	¾	¾
перевернутый вопросительный знак	¿	¿	¿	¿
A с тупым ударением	À	À	À	À
A с острым ударением	Á	Á	Á	Á
A с циркумфлексом	Â	Â	Â	Â
A с тильдой	Ã	Ã	Ã	Ã
A с диерезой	Ä	Ä	Ä	Ä
A с кружком	Å	Å	Å	Å
лигатура AE	Æ	Æ	Æ	Æ
C с седилем	Ç	Ç	Ç	Ç
E с тупым ударением	È	È	È	È
E с острым ударением	É	É	É	É
E с циркумфлексом	Ê	Ê	Ê	Ê
E с диерезой	Ë	Ë	Ë	Ë
I с тупым ударением	Ì	Ì	Ì	Ì
I с острым ударением	Í	Í	Í	Í
I с циркумфлексом	Î	Î	Î	Î
I с диерезой	Ï	Ï	Ï	Ï
ETH	Ð	Ð	Ð	Ð
N с тильдой	Ñ	Ñ	Ñ	Ñ
O с тупым ударением	Ò	Ò	Ò	Ò
O с острым ударением	Ó	Ó	Ó	Ó
O с циркумфлексом	Ô	Ô	Ô	Ô
O с тильдой	Õ	Õ	Õ	Õ
O с диерезой	Ö	Ö	Ö	Ö
знак умножения	×	×	×	×
O перечеркнутое	Ø	Ø	Ø	Ø
U с тупым ударением	Ù	Ù	Ù	Ù
U с острым ударением	Ú	Ú	Ú	Ú
U с циркумфлексом	Û	Û	Û	Û
U с диерезой	Ü	Ü	Ü	Ü
Y с острым ударением	Ý	Ý	Ý	Ý
THORN	Þ	Þ	Þ	Þ
двойное s	ß	ß	ß	ß
a с тупым ударением	à	à	à	à
a с острым ударением	á	á	á	á
a с циркумфлексом	â	â	â	â
a с тильдой	ã	ã	ã	ã
a с диерезой	ä	ä	ä	ä
a с кружком	å	å	å	å
лигатура ae	æ	æ	æ	æ
c с седилем	ç	ç	ç	ç
e с тупым ударением	è	è	è	è
e с острым ударением	é	é	é	é
e с циркумфлексом	ê	ê	ê	ê
e с диерезой	ë	ë	ë	ë
i с тупым ударением	ì	ì	ì	ì
i с острым ударением	í	í	í	í
i с циркумфлексом	î	î	î	î
i с диерезой	ï	ï	ï	ï
eth	ð	ð	ð	ð
n с тильдой	ñ	ñ	ñ	ñ
o с тупым ударением	ò	ò	ò	ò
o с острым ударением	ó	ó	ó	ó
o с циркумфлексом	ô	ô	ô	ô
o с тильдой	õ	õ	õ	õ
o с диерезой	ö	ö	ö	ö
знак деления	÷	÷	÷	÷
o перечеркнутое	ø	ø	ø	ø
u с тупым ударением	ù	ù	ù	ù
u с острым ударением	ú	ú	ú	ú
u с циркумфлексом	û	û	û	û
u с диерезой	ü	ü	ü	ü
y с острым ударением	ý	ý	ý	ý
thorn	þ	þ	þ	þ
y с диерезой	ÿ	ÿ	ÿ	ÿ
кавычка	"	"	"	«
амперсанд	&	&	&	&
левая угловая скобка	<	<	<	<
правая угловая скобка	>	>	>	>
лигатура OE	&OElig;	Œ	Œ	Œ
лигатура oe	&oelig;	œ	œ	œ
S с птичкой	&Scaron;	Š	Š	Š
s с птичкой	&scaron;	š	š	š
Y с диерезой	&Yuml;	Ÿ	Ÿ	Ÿ
циркумфлекс	&circ;	ˆ	ˆ	ˆ
малая тильда	&tilde;	˜	˜	˜
короткий пробел	&ensp;
длинный пробел	&emsp;
узкий пробел
разделитель нулевой ширины	&zwnj;	‌	‌	‌
соединитель нулевой ширины	&zwj;	‍	‍	‍
указатель слева направо	&lrm;	‎	‎	‎
указатель справа налево	&rlm;	‏	‏	‏
короткое тире	–	–	–	–
длинное тире	—	—	—	—
открывающая одинарная кавычка	‘	‘	‘	‘
закрывающая одинарная кавычка	’	’	’	’
нижняя одинарная кавычка	&sbquo;	‚	‚	‚
открывающая двойная кавычка	“	“	“	“
закрывающая двойная кавычка	”	”	”	”
нижняя двойная кавычка	&bdquo;	„	„	„
кинжал	&dagger;	†	†	†
двойной кинжал	&Dagger;	‡	‡	‡
знак промилле	&permil;	‰	‰	‰
открывающая угловая кавычка	&lsaquo;	‹	‹	‹
закрывающая угловая кавычка	&rsaquo;	›	›	›
евро	€	€	€	€
курсивное f	&fnof;	ƒ	ƒ	ƒ
прописная альфа	Α	Α	Α	Α
прописная бета	Β	Β	Β	Β
прописная гамма	Γ	Γ	Γ	Γ
прописная дельта	Δ	Δ	Δ	Δ
прописной эпсилон	Ε	Ε	Ε	Ε
прописная дзета	Ζ	Ζ	Ζ	Ζ
прописная эта	Η	Η	Η	Η
прописная тета	Θ	Θ	Θ	Θ
прописная иота	Ι	Ι	Ι	Ι
прописная каппа	Κ	Κ	Κ	Κ
прописная ламбда	Λ	Λ	Λ	Λ
прописная мю	Μ	Μ	Μ	Μ
прописная ню	Ν	Ν	Ν	Ν
прописная кси	Ξ	Ξ	Ξ	Ξ
прописной омикрон	Ο	Ο	Ο	Ο
прописная пи	Π	Π	Π	Π
прописная ро	Ρ	Ρ	Ρ	Ρ
прописная сигма	Σ	Σ	Σ	Σ
прописная тау	Τ	Τ	Τ	Τ
прописная ипсилон	Υ	Υ	Υ	Υ
прописная фи	Φ	Φ	Φ	Φ
прописная хи	Χ	Χ	Χ	Χ
прописная пси	Ψ	Ψ	Ψ	Ψ
прописная омега	Ω	Ω	Ω	Ω
строчная альфа	α	α	α	α
строчная бета	β	β	β	β
строчная гамма	γ	γ	γ	γ
строчная дельта	δ	δ	δ	δ
строчная эпсилон	ε	ε	ε	ε
строчная дзета	ζ	ζ	ζ	ζ
строчная эта	η	η	η	η
строчная тета	θ	θ	θ	θ
строчная иота	ι	ι	ι	ι
строчная каппа	κ	κ	κ	κ
строчная ламбда	λ	λ	λ	λ
строчная мю	μ	μ	μ	μ
строчная ню	ν	ν	ν	ν
строчная кси	ξ	ξ	ξ	ξ
строчный омикрон	ο	ο	ο	ο
строчная пи	π	π	π	π
строчная ро	ρ	ρ	ρ	ρ
строчная сигма конечная	&sigmaf;	ς	ς	ς
строчная сигма	σ	σ	σ	σ
строчная тау	τ	τ	τ	τ
строчная ипсилон	υ	υ	υ	υ
строчная фи	φ	φ	φ	φ
строчная хи	χ	χ	χ	χ
строчная пси	ψ	ψ	ψ	ψ
строчная омега	ω	ω	ω	ω
символ строчная тета	&thetasym;	ϑ	ϑ	ϑ
ипсилон с крючком	&upsih;	ϒ	ϒ	ϒ
символ пи	ϖ	ϖ	ϖ	ϖ
маркер списка	•	•	•	•
многоточие	…	…	…	…
знак прим	′	′	′	′
знак двойной прим	″	″	″	″
надчеркивание	&oline;	‾	‾	‾
дробная черта	&frasl;	⁄	⁄	⁄
рукописная P	&weierp;	℘	℘	℘
мнимая часть числа	&image;	ℑ	ℑ	ℑ
действительная часть числа	&real;	ℜ	ℜ	ℜ
торговая марка	™	™	™	™
алеф	&alefsym;	ℵ	ℵ	ℵ
стрелка влево	←	←	←	←
стрелка вверх	↑	↑	↑	↑
стрелка вправо	→	→	→	→
стрелка вниз	↓	↓	↓	↓
стрелка влево-вправо	↔	↔	↔	↔
возврат каретки	&crarr;	↵	↵	↵
двойная стрелка влево	⇐	⇐	⇐	⇐
двойная стрелка вверх	&uArr;	⇑	⇑	⇑
двойная стрелка вправо	⇒	⇒	⇒	⇒
двойная стрелка вниз	&dArr;	⇓	⇓	⇓
двойная стрелка влево-вправо	⇔	⇔	⇔	⇔
квантор всеобщности	∀	∀	∀	∀
знак дифференциала	∂	∂	∂	∂
квантор существования	∃	∃	∃	∃
пустое множество	∅	∅	∅	∅
набла	∇	∇	∇	∇
принадлежит множеству	∈	∈	∈	∈
не принадлежит множеству	∉	∉	∉	∉
является членом	&ni;	∋	∋	∋
n-арное произведение	∏	∏	∏	∏
n-арная сумма	∑	∑	∑	∑
знак минус	−	−	−	−
оператор звездочка	&lowast;	∗	∗	∗
радикал	√	√	√	√
пропорционально	&prop;	∝	∝	∝
бесконечность	∞	∞	∞	∞
угол	&ang;	∠	∠	∠
логическое И	&and;	∧	∧	∧
логическое ИЛИ	&or;	∨	∨	∨
пересечение	∩	∩	∩	∩
объединение	∪	∪	∪	∪
интеграл	∫	∫	∫	∫
следовательно	&there4;	∴	∴	∴
оператор тильда	&sim;	∼	∼	∼
приблизительно равно	&cong;	≅	≅	≅
асимптотически равно	≈	≈	≈	≈
не равно	≠	≠	≠	≠
тождественно равно	&equiv;	≡	≡	≡
меньше или равно	≤	≤	≤	≤
больше или равно	≥	≥	≥	≥
подмножество	⊂	⊂	⊂	⊂
надмножество	⊃	⊃	⊃	⊃
не подмножество	&nsub;	⊄	⊄	⊄
подмножество или равно	&sube;	⊆	⊆	⊆
надмножество или равно	&supe;	⊇	⊇	⊇
прямая сумма	&oplus;	⊕	⊕	⊕
векторное произведение	&otimes;	⊗	⊗	⊗
перпендикулярно	&perp;	⊥	⊥	⊥
оператор точка	⋅	⋅	⋅	⋅
левый верхний угол	&lceil;	⌈	⌈	⌈
правый верхний угол	&rceil;	⌉	⌉	⌉
левый нижний угол	&lfloor;	⌊	⌊	⌊
правый нижний угол	&rfloor;	⌋	⌋	⌋
левая угловая скобка	&lang;	〈	〈	(
правая угловая скобка	&rang;	〉	〉	)
ромб	&loz;	◊	◊	◊
пики	&spades;	♠	♠	♠
трефы	&clubs;	♣	♣	♣
червы	&hearts;	♥	♥	♥
бубны	&diams;	♦	♦	♦

Крестик css – Attention Required! | Cloudflare

Спецсимволы HTML

Популярные спецсимволы HTML

1. Полезные знаки и символы

2. Знаки пунктуации

3. Стрелки

4. Карточные масти

5. Деньги

6. Знаки зодиака