Bootstrap 5 Текст

 

Вирівняти *

Вирівняти вертикально *

Колір *

Колір тла *

Рамка *

Тінь *

Колір посилання *

Текст + іконка *

Повідомлення *

Відступи *

Текст

Декорації

Вирівняти блоки

 

 


 

CSS

text-center – текст по центру

text-white – білий

h1-h6 – класи

mb-5 – відступ знизу (ml, mr, mt)

pb-5 – відступ знизу (pl, pr, pt)

text-end – зправа

text-uppercase – великі літери

background-color: #83DA88;

width: 160px;

height: 60px;

border-radius: 20%;

cursor: pointer; – лапка при наведенні

<mark> – жовтий фон
<del> – видалений
<s> – видалений (неактуальний)
<ins> – підкреслений (доповнення)
<u> – підкреслений
<small> – маленький 
<strong> – жирний 
<em> – курсив
<sub> – під 
<sup> – над 

 

Зміна кольору при наведенні

<стиль>{

transition: all 0.2s ease; – плавна анімація для усіх властивостей

}

<стиль>:hover{

background-color: #45A1F3;

}

 

Для вирівнювання по центру

margin: 30px auto;

Або

diplay: flex;

justify-content: center;

align-items: center;

margin: 30px auto;