12 ноября 2016

6 цветных линейных рамок


HTML код рамки:
.
 <center><table width="600" style="border:6px double #999900;background-color:#ffffff" cellspacing="0" cellpadding="0"><tr><td style="padding:0px" zzz="zzz" align="center"><span style="color:#000000;font-size:20px">содержимое рамки </span></td></tr></table></center>
.

   Заменяются: ширина рамки ("600"), цифровые значения, цвет (color). Т.е. на основе этого HTML кода можно создать много разных рамок. Остаются неизменными белый фон и двухлинейный бордюр.

 5 ЛИНЕЙНЫХ ЦВЕТНЫХ РАМОК

HTML код рамки:

 <table border="0" style="border: 2px solid blue;"><tbody><tr><td>содержимое рамки</td>
</tr></tbody></table>

.
   Рамки растягиваются в зависимости от содержимого.
   Можно изменить толщину бордюра (выделено в верхней рамке красным цветом), название цвета (выделено в кодах жирным шрифтом).

.
HTML код рамки:

<table border="0" style="border: 2px solid red;"><tbody><tr><td>текст</td></tr></tbody>
</table>
.
HTML код рамки:

<table border="0" style="border: 2px solid Green;"><tbody><tr><td>текст</td></tr></tbody>
 </table>
.
HTML код рамки:

<table border="0" style="border: 2px solid Orange;" ><tbody><tr><td>текст</td></tr>
</tbody></table>
.
HTML код рамки:

<table border="0" style="border: 2px solid Violet;"><tbody><tr><td>текст</td></tr>
</tbody></table>
.

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

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

Related Posts Plugin for WordPress, Blogger...