Marcos sencillos para resaltar texto

estos marcos son una maravilla para la creacion 1. aqui el ejemplo № 1 uno mas ejemplos <div style="border:3px solid #FFFACD;padding:10px;">texto aqui.</div> mas. <div style="border:5px dotted #008E00;padding:10px;">texto aqui.</div> code abajo <div style="border:3px dashed #FF0000;padding:10px;">tu texto.</div> andrea codigo - <div style="border:10px inset #8E006B;padding:10px;">texto. </div> выпуклая рамка codigo - <div style="border:10px outset #009999;padding:10px;">tu texto. </div> рамка с двойной рамкой. codigo - <div style="border:10px double #B2B300;padding:10px;">tu texto.</div> рамка с выемкой. codigo <div style="border:10px groove #69EFFB;padding:10px;">tu texto. </div> рамка в виде кромки. codigo - <div style="border:10px ridge #E6FE80;padding:10px;">tu texto.</div> Кстати, все это можно комбинировать: рамка - пунктир. ------------Таблица кодов цветов Поменять шрифт, цвет и размер шрифта для ссылки: codigo - <a target="_blank" href="АДРЕС СТРАНИЦЫ" style="font-family:Monotype Corsiva;color:green;font-size:25px">texto</a> 1 - пример: Мой блог codigo <a target="_blank" style="text-decoration: none; border-top;border-width:thin;border-style:dotted ;color:blue" href="АДРЕС СТРАНИЦЫ">С точками</a> 2- пример: С точками codigo - <a target="_blank" style="text-decoration: none; border-bottom;border-width:medium;border-style:dashed;color:blue" href="АДРЕС СТРАНИЦЫ">Ваш текст</a> 3- пример: Пунктиром codigo - <a target="_blank" style="text-decoration: none; border-top;border-width:thick;border-style:groove;border-color:green" href="АДРЕС СТРАНИЦЫ">Ваш текст</a> 4- пример: трехмерная вдавленная codigo - <table style="border-style: solid; border-width: thick; border-top-color: blue; <br /><br /> <br />border-right-color: red; border-bottom-color: green; border-left-color: Yellow;"><tr> <td> <a target="_blank" href="АДРЕС СТРАНИЦЫ">Ваш текст</a></td> </tr><br /><br /> <br /></table> 5- пример: Ссылка в разноцветной рамке ---------- Таблица кодов цветов Подчеркнутая ссылка codigo - <a href="АДРЕС СТРАНИЦЫ" target="_blank" style="color:red; text-decoration:underline;"><span style="color:green;">Ссылка зеленого цвета, подчеркнутая красной чертой</span></a> 1- пример: Ваш текст codigo - <a target="_blank" href="АДРЕС СТРАНИЦЫ" style="border-bottom: 2px dotted DarkGreen; text-decoration: none;">Задается аналогично ссылке в рамке, только при этом задают параметр нижней границы рамочки: border-bottom</a> 2- пример: Ваш текст codigo - <a target="_blank" style="background-color: #6A5ACD; color: #E0FFFF; padding: 3px" href="http://taurass.com/blog.html">На цветном фоне</a> 3- пример: На цветном фоне codigo - <span style="border-bottom: 2px dashed red;">Текст, подчеркнутый пунктиром</span> 4- пример: ВАШ ТЕКСТ codigo - <span style="border-bottom: 3px dotted lime;">Текст, подчеркнутый пунктиром</span> 5- пример: ВАШ ТЕКСТ codigo - <span style="border-bottom: double red;">Текст, подчеркнутый двойной чертой</span> 6- пример: tu texto codigo - <span style="border-style:dashed;"> Текст, окаймленный разноцветным пунктиром </span> 7- пример: ВАШ ТЕКСТ codigo - <span style="border-style: double; padding:3px;">Текст в двойной рамке</span> 8- пример: ВАШ ТЕКСТ codigo - <span style="border-style: double; color: green; padding:3px;"><span style="color:blue;">Цветной текст в двойной цветной рамке</span></span> 9- пример: ВАШ ТЕКСТ codigo - <span style="border-width:thick; border-style:groove; padding:4px; border-color:#FF5730"> Ваш текст в объемной 3D-рамке</span> 10- пример: Ваш текст в объемной 3D-рамке codigo - <div style="width:200px; height:50px; border-width:thick; border-style:groove; padding:4px; border-color:#FF5730"> Ваш текст в объемной 3D-рамке </div> 7- пример: ВАШ ТЕКСТ ---------- Таблица кодов цветов Примеры для вас бегущей строки