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

<div style="color: #555555; font-size: 80%; font-style: italic; font-family: serif; text-align: center;">Материал из '''Библиотеки Теопедии''', http://ru.teopedia.org/lib</div>
Перейти к навигации Перейти к поиску
Строка 36: Строка 36:
 
<span style="color: grey;">серый текст (color: grey)</span>
 
<span style="color: grey;">серый текст (color: grey)</span>
 
<pre>
 
<pre>
<span style="color: grey;">серый текст (color: grey)</span></pre>
+
<span style="color: grey;">серый текст (color: grey)</span>
 +
</pre>
  
 
<span style="border-bottom:solid red 1px;">чёрный текст подчёркнут red 1px</span>
 
<span style="border-bottom:solid red 1px;">чёрный текст подчёркнут red 1px</span>
Строка 43: Строка 44:
 
</pre>
 
</pre>
  
 +
<span style="border-bottom:solid red 1.5px;">чёрный текст подчёркнут red 1.5px</span>
 +
<pre>
 +
<span style="border-bottom:solid red 1.5px;">чёрный текст подчёркнут red 1.5px</span>
 +
</pre>
  
3 <span style="border-bottom:1px solid red;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут red 1px}}</span>
+
<span style="border-bottom:solid #770700 1.5px;">{{ЗУЖЭ-Слова ЕИР (символы)|Коричневый курсив (слова ЕИР) подчёркнуты #770700 1.5px}}</span>
 +
<pre>
 +
<span style="border-bottom:solid #770700 1.5px;">{{ЗУЖЭ-Слова ЕИР (символы)|Коричневый курсив (слова ЕИР) подчёркнуты #770700 1.5px}}</span>
 +
</pre>
  
 +
<span style="border-bottom:1.5px solid red;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут red 1.5px}}</span>
  
4 <span style="border-bottom:1px solid darkred;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут darkred 1px}}</span>
+
<pre><span style="border-bottom:1.5px solid red;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут red 1.5px}}</span>
 +
</pre>
  
 +
<span style="border-bottom:1.5px solid darkred;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут darkred 1.5px}}
 +
</span>
  
5 <span style="border-bottom:1.5px solid red;">чёрный текст подчёркнут red 1.5px</span>
+
<pre>
 +
<span style="border-bottom:1.5px solid darkred;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут darkred 1.5px}}</span>
 +
</pre>
  
 +
<span style="border-bottom:1.5px solid red;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут red 1.5px}}</span>
  
6 <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 tomato;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут tomato 1.5px}}</span>
  
7 <span style="border-bottom:1.5px solid tomato;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут tomato 1.5px}}</span>
+
<pre>
 +
<span style="border-bottom:1.5px solid tomato;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут tomato 1.5px}}</span>
 +
</pre>
  
 +
<span style="border-bottom:1.5px solid darkred;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут darkred 1.5px}}</span>
  
8 <span style="border-bottom:1.5px solid darkred;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут darkred 1.5px}}</span>
+
<pre>
 +
<span style="border-bottom:1.5px solid darkred;">{{ЗУЖЭ-Слова ЕИР (символы)|коричневый курсив подчёркнут darkred 1.5px}}</span>
 +
</pre>
  
 +
<span style="background: #ffff90; border-bottom:1px solid red;">чёрный текст выделен #ffff90, подчёркнут red 1px</span>
  
9 <span style="background: #ffff90; border-bottom:1px solid red;">чёрный текст выделен жёлтым #ffff90, подчёркнут red 1px</span>
+
<pre>
 +
<span style="background: #ffff90; border-bottom:1px solid red;">чёрный текст выделен #ffff90, подчёркнут red 1px</span>
 +
</pre>
  
 +
<span style="color: grey; background: #ffff90; border-bottom:1px solid red;">grey текст выделен #ffff90, подчёркнут red 1px</span>
  
10 <span style="color: grey; background: #ffff90; border-bottom:1px solid red;">grey текст выделен жёлтым #ffff90, подчёркнут red 1px</span>
+
<pre>
 +
<span style="color: grey; background: #ffff90; border-bottom:1px solid red;">grey текст выделен #ffff90, подчёркнут red 1px</span>
 +
</pre>
  
 +
<span style="color: grey; background: yellow; border-bottom:1px solid red;">grey текст выделен yellow, подчёркнут red 1px</span>
  
11 <span style="color: grey; background: yellow; border-bottom:1px solid red;">grey текст выделен yellow, подчёркнут red 1px</span>
+
<pre>
 
+
<span style="color: grey; background: yellow; border-bottom:1px solid red;">grey текст выделен yellow, подчёркнут red 1px</span>
 +
</pre>
  
 
  #FFFACD LemonChiffon  
 
  #FFFACD LemonChiffon  

Версия 04:25, 20 февраля 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>

чёрный текст подчёркнут red 1.5px

<span style="border-bottom:solid red 1.5px;">чёрный текст подчёркнут red 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>
#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>

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