Як виділити частину тексту в рамку на сайті

Вітаю! Будь-якому з веб майстрів в своїх статтях буває необхідно виділити якусь частину тексту в рамку. Текст буде більш помітним, читачі звертають увагу на такі вибрані елементи. Сьогодні ми розглянемо найбільш прості способи виділення тексту в рамку. Ви зможете виділити будь-яку частину тексту або весь текст на сторінці. Отже приступимо:



Читайте про файл Rrobots.txt

Рамка з крапочками, текст розміщувати в цьому  коді:


<div style="border:5px dotted  #0e5198;padding:10px;">ваш текст</div>



текст в просту лінію, цей код:

<div align="center" style="border: 1px solid #9b089e;">ваш текст</div>




<div align="center" style="border: 10px solid #0a9e08;">
ваш текст</div>
 тут я вибираю рам тоншу border: 5px


Код для виділення текст в суцільну лінію

<div style="border:3px solid #000000;padding:10px;">ваш текст</div>

Пунктирна рамка

<div style="border:3px dashed #0e5198;padding:10px;">ваш текст</div>
 

Краї у вигляді вдавлення

<div style="border:10px inset #ff9900;padding:10px;">ваш текст</div>

Випуклі краї рамки

<div style="border:10px outset #054f04;padding:10px;">ваш текст</div>

Подвійна рамка

<div style="border:10px double #0a9e08;padding:10px;">ваш текст</div>

border:10px я заміняю на border:5px так краще виглядає

Краї рамки виїмкою

<div style="border:10px groove #047AFE;padding:10px;">ваш текст</div>  

Краї рамки у вигляді крайки

<div style="border:10px ridge #8b00ff;padding:10px;">ваш текст</div>

Така рамка з краями

<div style="border:10px ridge  #FFFACD;padding:10px;"><div style="text-align: center; font: 20px Arial;font-style: italic; color: #000000; padding:2px;">ваш текст</div></div>

0 коментарі:

Опублікувати коментар