В связи с переходом на новый движок... возможны сбои в работе! Простите!
Работы производятся прямо сейчас 25-04-2024! 🞨
Меню :
html (147)



Blog (1405)
php (331)
js (244)
html (147)
css (131)
html tags (62)
js tag (56)
jquery (42)
text (37)
js method (36)
php array (33)
js date (33)
form html (30)
online (29)
fonts (26)
Показать еще :
ruweb.net (25)
foto (22)
atom (20)
php file (20)
forum (19)
svg (18)
input (18)
hosting (17)
php date (17)
info (16)
php time (16)
html book (16)
board (16)
color (15)
js url (14)
img (14)
js events (14)
js time (14)
osclass (13)
select (13)
notepad (13)
знак (13)
htaccess (13)
download (12)
keyboard (12)
dw block (12)
php img (12)
php path (12)
table (12)
jsphp (11)
form (11)
icon (11)
js delete (10)
keyframes (10)
mouse (10)
yandex (10)
chart (9)
dosite (9)
hover (9)
browser (8)
php post (7)
vs code (7)
php url (7)
comment (7)
list (6)
iframe (6)
click (6)
canvas (6)
php get (6)
adminka (6)
mysql (6)
reg.ru (5)
js id (5)
year (5)
mb (5)
value (5)
heading (5)
tag a (5)
js math (5)
ftp (5)
bbcode (4)
xml (4)
base64 (4)
js form (4)
day (4)
php var (4)
symbols (4)
week (4)
ssl (4)
scandir (4)
month (4)
submit (4)
vk (4)
games (4)
task (4)
нок (4)
console (4)
pages (4)
js post (3)
js img (3)
jquery post (3)
line (3)
https (3)
domen (3)
js hash (3)
куб (3)
captcha (3)
numbers (3)
padding (3)
ucoz (3)
money (3)
qr kod (2)
seo (2)
js vars (2)
prompt (2)
counter (2)
details (2)
height (2)
video (2)
youtube (2)
sitemap (2)
tag hr (2)
typeof (2)
рся (2)
google (2)
arrows (2)
нод (1)
rutube (1)
cursor (1)
jino (1)
scroll (1)
windows (1)
archive (1)
speed (1)
smile (1)

Цветной абзац через css

В прошлый раз мы делали цветной абзац на самой странице, добавив свойство цвета . Сегодня же займёмся цветным абзацем, который сделан через css.

И цветной абзац можно сделать несколькими способами!

1.

Можно сделать цветной абзац через css на самой странице.

Для этого в шапке сайта прописываем стили css + класс + цветное свойство абзаца.

Стили:

<style>

.primer-abzatsa{

color: #15CB19; /* Цвет   абзаца */

</style>

Цвет подбираем здесь.

Копируем код здесь.

Там же можно посмотреть результат работы кода, который покрасит вам абзац в цвет с помощью css

В сам абзац прописываем класс "class" или ид "id".

Код:

<p class="primer-abzatsa">Пример нового цветного абзаца, который  отличается по цвету от основного текста. </p> 

Результат:

Пример нового цветного абзаца на самой странице, через css, который отличается по цвету от основного текста.

2.

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

Создаём файл css,  назовём его :

прикрепляем его к  странице.

 Создаём класс:

class=" Tsvetnoy-abzats-cherez-css"

В классе прописываем цвет:

.Tsvetnoy-abzats-cherez-css{

color:#2793D7;

}

код строки:

<p class="Tsvetnoy-abzats-cherez-css">Пример второго цветного абзаца </p> 

Смотрим пример и там же копируем код.

Не стесняемся говорить спасибо!
Помочь проекту DwWeb.ru

Поделиться ссылкой! C друзьями или врагами!

Этим вы очень поможете проекту! Заранее огромное спасибо!

Теги:
Как сделать Цветной абзац через css
Ещё : dwweb.ru есть здесь:
ruweb
Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2024 Контакты. Реклама на сайте Лучший хостинг : RUWEB + помощь по RUWEB
Страница загружена за : 0.01597 секунд. Подробнее