Рамка 3-х оконная


содержимое рамки 1
содержимое рамки 2
содержимое рамки 3

*


HTML код "скелета" рамки:
<table style="border:0px none #000000;background-image:url(http://...)" cellspacing="0" cellpadding="0"><tr><td style="padding:12px"><table style="border:0px none #000000;background-image:url(http://...)" cellspacing="0" cellpadding="0"><tr><td style="padding:2px"><table width="500" style="border:0px none #006600;background-image:url(http://...)" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="center"><table border="0"  cellspacing="0" cellpadding="0"><tr><td style="padding:4px" align="center"><table style="border:0px none #000000;background-image:url(http://...)" cellspacing="0" cellpadding="0"><tr><td style="padding:11px"><table style="border:0px none #000000;background-image:url(http://...)" cellspacing="0" cellpadding="0"><tr><td style="padding:2px"><table style="border:1px outset #0066ff;background-image:url(http://...)" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="center"><span style="color:#000000;font-size:20px">содержимое рамки 1</span></td></tr></table></td></tr></table></td></tr></table></td></tr><tr><td style="padding:4px" align="center"><table style="border:0px none #000000;background-image:url(http://...)" cellspacing="0" cellpadding="0"><tr><td style="padding:11px"><table style="border:0px none #000000;background-image:url(http://...)" cellspacing="0" cellpadding="0"><tr><td style="padding:2px"><table style="border:1px outset #0066cc;background-image:url(http://...)" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="center"><span style="color:#000000;font-size:20px">содержимое рамки 2</span></td></tr></table></td></tr></table></td></tr></table></td></tr><tr><td style="padding:4px" align="center"><table style="border:0px none #000000;background-image:url(http://...)" cellspacing="0" cellpadding="0"><tr><td style="padding:11px"><table style="border:0px none #000000;background-image:url(http://...)" cellspacing="0" cellpadding="0"><tr><td style="padding:2px"><table style="border:1px outset #f1f1f1;background-image:url(http://...)" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="center"><span style="color:#000000;font-size:20px">содержимое рамки 3</span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table>
Редактируя HTML код (изменяя цифровые значения, адреса картинок -  image:url(http://..., не указывая адрес какой-то картинки (этот слой фона станет "невидимкой", как в верхнем окне под картинкой нет голубого фона), получим  самые разные варианты рамок. 

"Пляшущий" текст


« П Л Я Ш Е М и П О Е М ! ! »

http://moizavaly.blogspot.ru/2016/10/html_24.html

HTML код эффекта увеличения текста


Эффект увеличения текста



* * *



содержимое рамки

http://moizavaly.blogspot.ru/2018/03/html_30.html

HTML код текста, меняющего цвет


Наведите курсор на этот текст


https://moizavaly.blogspot.ru/2018/03/blog-post_30.html

HTML код картинки, открывающейся в отдельном окне в увеличенном размере

страницы