Публикация, как да отделим част от текст в рамка

Добре дошли приятели, читатели на моя блог и драги гости! Днес ще говорим за това, как да отделим част от текст на публикация в рамка. Всеки администратор на блог или сайт смята, че е необходимо да оформи материалите си така, че да привлича вниманието и интереса на своите читатели. Решава, че е необходимо по някакъв начин да подчертае някои по-големи или по-малки части от текста, като ги отдели в рамка.
Така текстът ще бъде по-видим, а вниманието на читателите ще е привлечено от тези избрани записи. Днес ще разгледаме най-простите начини, чрез които може да се отдели текст в рамка. Няма да разглеждаме по-сложните начини, при които ефекта се постига чрез промяна в Html кода на блога, защото промяната му малко или много може да бъде фатална за нашия блог. Чрез тези по-прости начини вие ще можете да изберете една част от текста или целия текст на страницата и да го поставите в рамка. Така че нека да започнем.
Ще ви представя кодовете на осем варианта за отделяне на текст от публикация в рамка.

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

                 
               "Опит е името, с което много хора наричат грешките си"

                                                                                                      Оскар Уайлд

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

"Опит е името, с което много хора наричат грешките си"

                                                                                            Оскар Уайлд

➤<div align="center" style="border: 1px solid #2288bb;">вашият текст</div>

"Опит е името, с което много хора наричат грешките си"

                                                                                             Оскар Уайлд

➤<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> 

             "Опит е името, с което много хора наричат грешките си"

                                                                                                      Оскар Уайлд

Как се прилагат кодовете?
Написвате текста ➔ преминавате в HTLM редактора ➔ ограждате избрания абзац от текста с един от кодовете по-горе. Мястото на текста в кода е означено със син цвят. А в червено е означен кода на цвета на рамката. Тук можете да експериментирате. Ето един генератор на HTML кодове на цветове.
Това е.
Успех и се любувайте на красиво и ефектно оформените текстове в своята публикация.

Здраве за всички вас! Не забравяйте да правите добро на други хора!

Ще съм благодарна да оцените моя труд. Моля, гласувайте за блога ми на: