Участник:Vlad50/Цвет 1: различия между версиями

<div style="color: #555555; font-size: 80%; font-style: italic; font-family: serif; text-align: center;">Материал из '''Библиотеки Теопедии''', http://ru.teopedia.org/lib</div>
Нет описания правки
Нет описания правки
Строка 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>
 
----
==Цветной текст зачёркнут цветной линией==
==Цветной текст зачёркнут цветной линией==
0
{{Во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


Википедия:Таблица цветов

Шаблон:Цвета_HTML


Не моноширинный шрифт

Моноширинный шрифт 

<tt>Моноширинный шрифт</tt>

Пример таблицы Шаблон:Таблица юг

Источник — https://ru.teopedia.org/w-lib/index.php?title=Участник:Vlad50/Цвет_1&oldid=62127