Участник: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>
  

Версия 14: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>

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