---

Вставляем нужную таблицу. Для этого кликаем на значок таблицы в расширенном редакторе:

Задаем параметры таблицы. Я выбрала таблицу в 2 строки и в 2 столбца, шириной 700 пикселей, с бордюром 5 пикселей, расположенную по центру:

Получилась таблица с широким бордюром серого цвета, такой цвет бордюра задан автоматически. Но можно его изменить на любой другой.

 

Для этого в расширенном редакторе кликаем на "Источник"

И смотрим код нашей таблицы. В него необходимо внести цвет бордюра, т.е. задать его стиль. Для этого переносим бордюр в стили и вставляем его цвет. Я выбрала синий цвет (код #0000ff;)

Получаем измененный код рамочки:

Создана рамочка с окантовкой

 

Код такой рамочки:

<center><table align="center" border="5" cellpadding="1" cellspacing="1" style="border:5px solid #0000ff;width: 700px"> <tbody> <tr> <td>  </td> <td>  </td> </tr> <tr> <td>  </td> <td>  </td> </tr> </tbody> </table></center>

В коде можно менять цвет окантовки, ее ширину. Да и рамочку можно полностью переделать. Для этого нажимаем на нее правой кнопкой мышки и выбираем функцию "Свойства таблицы". 

Снова возникнет окно, в котором можно все поменять.

Точно также можно сделать цветную окантовку в простой рамочке, выполненной на основе таблицы. Как сделать такую простую рамочку можно посмотреть здесь: ссылка на простую рамочку

Пример простой рамочки с окантовкой:

Текст

Ее код:

<table align="center" border="8" cellpadding="1" cellspacing="1" style="border: 8px solid #ff0000;width: 760px"> <tbody> <tr> <td style="background-color: rgb(51, 0, 204); border-color: rgb(102, 0, 153); text-align: center;"> <p> <br /> <span style="font-size:20px;"><span style="font-family:georgia,serif;"><span style="color:#00ffff;">Текст</span></span></span></p> <p>  </p> </td> </tr> </tbody> </table>

---