Участник:Vlad50/Цвет 1: различия между версиями
Vlad50 (дополнение | вклад) Нет описания правки |
Vlad50 (дополнение | вклад) Нет описания правки |
||
Строка 1: | Строка 1: | ||
==Цвет== | {{Содержание справа}} | ||
==Цвет таблица== | |||
{| class="wikitable" width="643" | {| class="wikitable" width="643" | ||
!Задача | !Задача | ||
Строка 33: | Строка 34: | ||
==Цветной текст подчёркнут цветной линией== | ==Цветной текст подчёркнут цветной линией== | ||
{{ | {{Во1}} | ||
<span style="color: grey;">серый текст (color: grey)</span> | <span style="color: grey;">серый текст (color: grey)</span> | ||
<pre> | <pre> | ||
<span style="color: grey;">серый текст (color: grey)</span> | <span style="color: grey;">серый текст (color: grey)</span> | ||
</pre> | </pre> | ||
---- | |||
<span style="border-bottom:solid red 1px;">чёрный текст подчёркнут red 1px</span> | <span style="border-bottom:solid red 1px;">чёрный текст подчёркнут red 1px</span> | ||
<pre> | <pre> | ||
<span style="border-bottom:solid red 1px;">чёрный текст подчёркнут red 1px</span> | <span style="border-bottom:solid red 1px;">чёрный текст подчёркнут red 1px</span> | ||
</pre> | </pre> | ||
---- | |||
<span style="border-bottom:solid #cc0000 1px;">чёрный текст подчёркнут #cc0000 1px</span> | <span style="border-bottom:solid #cc0000 1px;">чёрный текст подчёркнут #cc0000 1px</span> | ||
<pre> | <pre> | ||
<span style="border-bottom:solid #cc0000 1px;">чёрный текст подчёркнут #cc0000 1px</span> | <span style="border-bottom:solid #cc0000 1px;">чёрный текст подчёркнут #cc0000 1px</span> | ||
</pre> | </pre> | ||
-------- | |||
<span style="border-bottom:solid #990000 1px;">чёрный текст подчёркнут #990000 1px</span> | <span style="border-bottom:solid #990000 1px;">чёрный текст подчёркнут #990000 1px</span> | ||
<pre> | <pre> | ||
<span style="border-bottom:solid #990000 1px;">чёрный текст подчёркнут #990000 1px</span> | <span style="border-bottom:solid #990000 1px;">чёрный текст подчёркнут #990000 1px</span> | ||
</pre> | </pre> | ||
---- | |||
<span style="border-bottom:solid red 1.5px;">чёрный текст подчёркнут red 1.5px</span> | <span style="border-bottom:solid red 1.5px;">чёрный текст подчёркнут red 1.5px</span> | ||
<pre> | <pre> | ||
<span style="border-bottom:solid red 1.5px;">чёрный текст подчёркнут red 1.5px</span> | <span style="border-bottom:solid red 1.5px;">чёрный текст подчёркнут red 1.5px</span> | ||
</pre> | </pre> | ||
---- | |||
<span style="border-bottom:solid #cc0000 1.5px;">чёрный текст подчёркнут #cc0000 1.5px</span> | <span style="border-bottom:solid #cc0000 1.5px;">чёрный текст подчёркнут #cc0000 1.5px</span> | ||
<pre> | <pre> | ||
<span style="border-bottom:solid #cc0000 1.5px;">чёрный текст подчёркнут #cc0000 1.5px</span> | <span style="border-bottom:solid #cc0000 1.5px;">чёрный текст подчёркнут #cc0000 1.5px</span> | ||
</pre> | </pre> | ||
---- | |||
<span style="border-bottom:solid #990000 1.5px;">чёрный текст подчёркнут #990000 1.5px</span> | <span style="border-bottom:solid #990000 1.5px;">чёрный текст подчёркнут #990000 1.5px</span> | ||
<pre> | <pre> | ||
<span style="border-bottom:solid #990000 1.5px;">чёрный текст подчёркнут #990000 1.5px</span> | <span style="border-bottom:solid #990000 1.5px;">чёрный текст подчёркнут #990000 1.5px</span> | ||
</pre> | </pre> | ||
---- | |||
<span style="border-bottom:solid #770700 1.5px;">{{ЗУЖЭ-Слова ЕИР (символы)|Коричневый курсив (слова ЕИР) подчёркнуты #770700 1.5px}}</span> | <span style="border-bottom:solid #770700 1.5px;">{{ЗУЖЭ-Слова ЕИР (символы)|Коричневый курсив (слова ЕИР) подчёркнуты #770700 1.5px}}</span> | ||
<pre> | <pre> | ||
<span style="border-bottom:solid #770700 1.5px;">{{ЗУЖЭ-Слова ЕИР (символы)|Коричневый курсив (слова ЕИР) подчёркнуты #770700 1.5px}}</span> | <span style="border-bottom:solid #770700 1.5px;">{{ЗУЖЭ-Слова ЕИР (символы)|Коричневый курсив (слова ЕИР) подчёркнуты #770700 1.5px}}</span> | ||
</pre> | </pre> | ||
---- | |||
<span style="border-bottom:1.5px solid red;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут red 1.5px}}</span> | <span style="border-bottom:1.5px solid red;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут red 1.5px}}</span> | ||
<pre><span style="border-bottom:1.5px solid red;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут red 1.5px}}</span> | <pre><span style="border-bottom:1.5px solid red;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут red 1.5px}}</span> | ||
</pre> | </pre> | ||
---- | |||
<span style="border-bottom:1.5px solid darkred;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут darkred 1.5px}} | <span style="border-bottom:1.5px solid darkred;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут darkred 1.5px}} | ||
</span> | </span> | ||
Строка 85: | Строка 86: | ||
<span style="border-bottom:1.5px solid darkred;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут darkred 1.5px}}</span> | <span style="border-bottom:1.5px solid darkred;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут darkred 1.5px}}</span> | ||
</pre> | </pre> | ||
---- | |||
<span style="border-bottom:1.5px solid red;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут red 1.5px}}</span> | <span style="border-bottom:1.5px solid red;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут red 1.5px}}</span> | ||
Строка 91: | Строка 92: | ||
<span style="border-bottom:1.5px solid red;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут red 1.5px}}</span> | <span style="border-bottom:1.5px solid red;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут red 1.5px}}</span> | ||
</pre> | </pre> | ||
---- | |||
<span style="border-bottom:1.5px solid tomato;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут tomato 1.5px}}</span> | <span style="border-bottom:1.5px solid tomato;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут tomato 1.5px}}</span> | ||
Строка 97: | Строка 98: | ||
<span style="border-bottom:1.5px solid tomato;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут tomato 1.5px}}</span> | <span style="border-bottom:1.5px solid tomato;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут tomato 1.5px}}</span> | ||
</pre> | </pre> | ||
---- | |||
<span style="border-bottom:1.5px solid darkred;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут darkred 1.5px}}</span> | <span style="border-bottom:1.5px solid darkred;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут darkred 1.5px}}</span> | ||
Строка 103: | Строка 104: | ||
<span style="border-bottom:1.5px solid darkred;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут darkred 1.5px}}</span> | <span style="border-bottom:1.5px solid darkred;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут darkred 1.5px}}</span> | ||
</pre> | </pre> | ||
---- | |||
<span style="background: #ffff90; border-bottom:1px solid red;">чёрный текст выделен #ffff90, подчёркнут red 1px</span> | <span style="background: #ffff90; border-bottom:1px solid red;">чёрный текст выделен #ffff90, подчёркнут red 1px</span> | ||
Строка 109: | Строка 110: | ||
<span style="background: #ffff90; border-bottom:1px solid red;">чёрный текст выделен #ffff90, подчёркнут red 1px</span> | <span style="background: #ffff90; border-bottom:1px solid red;">чёрный текст выделен #ffff90, подчёркнут red 1px</span> | ||
</pre> | </pre> | ||
---- | |||
<span style="color: grey; background: #ffff90; border-bottom:1px solid red;">grey текст выделен #ffff90, подчёркнут red 1px</span> | <span style="color: grey; background: #ffff90; border-bottom:1px solid red;">grey текст выделен #ffff90, подчёркнут red 1px</span> | ||
Строка 115: | Строка 116: | ||
<span style="color: grey; background: #ffff90; border-bottom:1px solid red;">grey текст выделен #ffff90, подчёркнут red 1px</span> | <span style="color: grey; background: #ffff90; border-bottom:1px solid red;">grey текст выделен #ffff90, подчёркнут red 1px</span> | ||
</pre> | </pre> | ||
---- | |||
<span style="color: grey; background: yellow; border-bottom:1px solid red;">grey текст выделен yellow, подчёркнут red 1px</span> | <span style="color: grey; background: yellow; border-bottom:1px solid red;">grey текст выделен yellow, подчёркнут red 1px</span> | ||
Строка 121: | Строка 122: | ||
<span style="color: grey; background: yellow; border-bottom:1px solid red;">grey текст выделен yellow, подчёркнут red 1px</span> | <span style="color: grey; background: yellow; border-bottom:1px solid red;">grey текст выделен yellow, подчёркнут red 1px</span> | ||
</pre> | </pre> | ||
---- | |||
==Цветной текст зачёркнут цветной линией== | ==Цветной текст зачёркнут цветной линией== | ||
{{Во1}} | |||
<p style="text-align: center; font-size: 1em; line-height: 1;"><span style="color: red; text-decoration: line-through;"><span style="color: #333333;">Чёрный текст по центру зачёркнут красной линией</span></span> | <p style="text-align: center; font-size: 1em; line-height: 1;"><span style="color: red; text-decoration: line-through;"><span style="color: #333333;">Чёрный текст по центру зачёркнут красной линией</span></span> | ||
Версия от 11:31, 8 июня 2023
Цвет таблица
Задача | Викитекст | Результат |
---|---|---|
Цветной текст | <span style="color:#ff0000">Теопедия</span> | Теопедия |
Цветные абзацы | <div style="color:red">Теопедия</div> | Теопедия
|
Фон для одного или нескольких слов | <span style="background-color:gold">Теопедия</span> | Теопедия |
Фон абзаца | <div style="background-color:gold">Теопедия</div> | Теопедия
|
Фон ячейки таблицы | style="background-color:#FEDBCA;" | Теопедия | Теопедия |
Альтернативный вариант | bgcolor="#FEDBCA" | Теопедия | Теопедия |
Цветной текст подчёркнут цветной линией
серый текст (color: grey)
<span style="color: grey;">серый текст (color: grey)</span>
чёрный текст подчёркнут red 1px
<span style="border-bottom:solid red 1px;">чёрный текст подчёркнут red 1px</span>
чёрный текст подчёркнут #cc0000 1px
<span style="border-bottom:solid #cc0000 1px;">чёрный текст подчёркнут #cc0000 1px</span>
чёрный текст подчёркнут #990000 1px
<span style="border-bottom:solid #990000 1px;">чёрный текст подчёркнут #990000 1px</span>
чёрный текст подчёркнут red 1.5px
<span style="border-bottom:solid red 1.5px;">чёрный текст подчёркнут red 1.5px</span>
чёрный текст подчёркнут #cc0000 1.5px
<span style="border-bottom:solid #cc0000 1.5px;">чёрный текст подчёркнут #cc0000 1.5px</span>
чёрный текст подчёркнут #990000 1.5px
<span style="border-bottom:solid #990000 1.5px;">чёрный текст подчёркнут #990000 1.5px</span>
Коричневый курсив (слова ЕИР) подчёркнуты #770700 1.5px
<span style="border-bottom:solid #770700 1.5px;">{{ЗУЖЭ-Слова ЕИР (символы)|Коричневый курсив (слова ЕИР) подчёркнуты #770700 1.5px}}</span>
коричневый курсив подчёркнут red 1.5px
<span style="border-bottom:1.5px solid red;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут red 1.5px}}</span>
коричневый курсив подчёркнут darkred 1.5px
<span style="border-bottom:1.5px solid darkred;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут darkred 1.5px}}</span>
коричневый курсив подчёркнут red 1.5px
<span style="border-bottom:1.5px solid red;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут red 1.5px}}</span>
коричневый курсив подчёркнут tomato 1.5px
<span style="border-bottom:1.5px solid tomato;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут tomato 1.5px}}</span>
коричневый курсив подчёркнут darkred 1.5px
<span style="border-bottom:1.5px solid darkred;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут darkred 1.5px}}</span>
чёрный текст выделен #ffff90, подчёркнут red 1px
<span style="background: #ffff90; border-bottom:1px solid red;">чёрный текст выделен #ffff90, подчёркнут red 1px</span>
grey текст выделен #ffff90, подчёркнут red 1px
<span style="color: grey; background: #ffff90; border-bottom:1px solid red;">grey текст выделен #ffff90, подчёркнут red 1px</span>
grey текст выделен yellow, подчёркнут red 1px
<span style="color: grey; background: yellow; border-bottom:1px solid red;">grey текст выделен yellow, подчёркнут red 1px</span>
Цветной текст зачёркнут цветной линией
Чёрный текст по центру зачёркнут красной линией
<p style="text-align: center; font-size: 1em; line-height: 1;"><span style="color: red; text-decoration: line-through;"><span style="color: #333333;">Чёрный текст по центру зачёркнут красной линией</span></span>
1 Black текст зачёркнут red линией
<span style="color: red; text-decoration: line-through;"><span style="color: black;">Black текст зачёркнут red линией</span></span>
2 Blue текст зачёркнут red линией
<span style="color: red; text-decoration: line-through;"><span style="color: blue;">Blue текст зачёркнут red линией</span></span>
#FFFACD LemonChiffon #FFF8DC Cornsilk
#000000 Black #696969 DimGray #808080 Gray #A9A9A9 DarkGray #C0C0C0 Silver #D3D3D3 LightGrey #DCDCDC Gainsboro #F5F5F5 WhiteSmoke #FFFFFF White
Не моноширинный шрифт
Моноширинный шрифт
<tt>Моноширинный шрифт</tt>
Пример таблицы Шаблон:Таблица юг