Подчеркивание заголовков используя CSS

источник: https://www.bdblogov.ru/2016/10/underline-headings-using-CSS-for-blogger.html  Самое простое подчеркивание Для заголовка H1 .Header H1 {border-bottom: 7px solid #03b4cc;padding-bottom: 5px;} Для меню блога #PageList1 {border-bottom: 5px groove #03b4cc;padding-bottom: 9px;} Подчеркивание для заголовков сообщения .post-title{border-bottom:2px solid #03b4cc;} Для названия гаджетов H2 .sidebar .widget h2 {border-bottom:5px solid #03b4cc;} Оформление заголовка H1 и H2 (название гаджетов) с фоном и закруглением углов справа. Также + тень текста (text-shadow). CSS для основного заголовка .Header H1 {   background: #0e5198;   padding: 4px;  text-shadow:-1px 0 green,0 1px green,1px 0 green,0-1px green;color:#f8f8ff;     border-radius: 16px 0px 80px 0px;   -webkit-border-radius: 16px 0px 80px 0px; border-bottom: 7px solid #03b4cc; padding-bottom: 5px;   }  CSS для заголовков сайдбара .sidebar .widget h2 {  background: #0e5198;    padding: 4px; text-shadow:-1px 0 black,0 1px black,1px 0 black,0-1px black;color:#fff;  border-radius: 8px 0px 40px 0px;   -webkit-border-radius: 8px 0px 40px 0px; } Выделенное фиолетовым можно удалить. Это еще одна линия подчеркнуть название заголовка, как в простом примере выше. Стили CSS желательно вставить в шаблон изменить шаблон выше строки ]]></b:skin>. Кто пока с шаблоном на Вы, можно добавить гаджет: <style>код CSS</style>. Но помните, много Html/JavaScript влияют на скорость загрузки блога