20 июня 2017

HTML код объемной рамки с закругленными углами




Ниже HTML код рамки:

<table style=" solid silver; border-radius:80px;" background="ссылка на картинку бордюра рамки, если он будет" cellspacing="0" cellpadding="0"><tr><td style="padding:6px"><table width="600" style="solid silver; border-radius:80px;box-shadow:  5px 5px 40px#FE9980 inset;" background="ссылка на фоновую картинку" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" zzz="zzz" align="center"><span style="font-family:Verdana;color:#ЦВЕТ ШРИФТА;font-size:РАЗМЕР ШРИФТАpx"><b>Здесь будет Ваш текст и др. содержимое</b></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="font-family:Verdana;color: #000000;font-size:10px"><b><a href="ССЫЛКА НА ВАШ БЛОГ" target="_blank">подпись</a></b></span></td></tr></table></td></tr></table><br />



   Вид рамки может быть самым разным. Рассмотрим код.
   Все цифровые значения можно изменять, тем самым подбирая желаемый вид рамки.
   Код цвета, выделенный синим, это в моей рамке розовая обводка (можно изменять).
   Основной фон (выделено зеленым) у меня белый, т.е. никакая ссылка на фон не указана. Фон может быть цветным однотонным или картинкой.
   Если будет указана подпись (выделено жирным шрифтом), указывается ссылка на web страницу, связанную с подписью (выделено подчеркнутым шрифтом).

Редактирую код и получаю такую рамку


Комментариев нет:

Отправить комментарий

Related Posts Plugin for WordPress, Blogger...