В любой момент параметры всей таблицы можно изменить по своему желанию. Для этого выделите любую ячейку таблицы и нажмите на кнопку на панели инструментов или дайте команду Таблица=>Свойства таблицы . Откроется диалоговое окно Свойства таблицы, где надо выбрать вкладку Таблица, как показано на рис.32.
Рис. 32. Диалоговое окно Свойства таблицы вкладка Таблица
В окне диалога Свойства таблицы можно указать новое количество строк и столбцов, ширину таблицы как в пикселях, так и в процентах, толщину рамки расстояние между соседними ячейками (cellspacing) и отступ между рамкой ячейки и её содержимым (cellpadding) и другие параметры.
Форматирование ячеек
Для изменения параметров ячеек их нужно предварительно выделить с помощью мыши. При этом форматировать группой можно не только смежные ячейки, но и несмежные, выделяя их с нажатой клавишей <Ctrl>. Далее надо открыть одним из указанных выше способов окно диалога Свойства таблицы и перейти на вкладку Ячейки. Или в контекстном меню ячейки выбрать команду Свойства ячейки таблицы. (рис. 33).
Рис. 33. Диалоговое окно Свойства таблицы вкладка Ячейки
На этой вкладке можно установить горизонтальное выравнивание в ячейке (align), вертикальное выравнивание (valign), переносить текст или нет (wrap), и т.д.
Задание 7. Установите свойства всей таблице как показано на рисунке 32. Последовательно измените свойства ячеек, что бы таблица приняла вид, показанный на рис. 34.
Примечание. Для изменения только цвета фона ячейки лучше использовать команду Цвет фона ячейки или таблицы из контекстного меню выделенной группы ячеек.
Рис. 34. Результат выполнения задания 7
Обратите внимание, что граница таблицы имеет цвет, заданный в цвете фона таблицы.
Код этой таблицы следующий:
<table
style=”background-color: rgb(51, 255, 255); text-align: left; margin-left: auto; margin-right: auto; height: 169px; width: 269px;”
border=”2″ cellpadding=”3″ cellspacing=”3″>
<tbody>
<tr>
<td
style=”background-color: rgb(255, 204, 51); text-align: center;”
colspan=”2″ rowspan=”1″><span
style=”font-size: 14pt; font-family: "Times New Roman","serif"; color: black;”>Фрукты</span></td>
<td
style=”width: 113px; background-color: rgb(255, 204, 51); text-align: center;”><span
style=”font-size: 14pt; font-family: "Times New Roman","serif"; color: black;”>Когда
покупать</span></td>
</tr>
<tr>
<td style=”background-color: rgb(255, 204, 255);”
colspan=”1″ rowspan=”2″>Яблоки </td>
<td style=”width: 65px; background-color: rgb(255, 204, 255);”>Фуджи</td>
<td colspan=”1″ rowspan=”4″
style=”width: 113px; text-align: center; background-color: rgb(255, 255, 255);”>осень</td>
</tr>
<tr>
<td style=”width: 65px; background-color: rgb(255, 204, 255);”>Гала</td>
</tr>
<tr>
<td style=”background-color: rgb(255, 255, 153);”
colspan=”1″ rowspan=”2″>Груши</td>
<td style=”width: 65px; background-color: rgb(255, 255, 153);”>Анжу</td>
</tr>
<tr>
<td style=”width: 65px; background-color: rgb(255, 255, 153);”>Дюшес</td>
</tr>
</tbody>
</table>
