Для задания ширины и высоты элементов в CSS
предназначены свойства width и height.
Значения этих свойств, как правило, задаются
в пикселях. Пиксели обозначаются как px
и добавляются к числу. Например, чтобы задать
размер в 100 пикселей, значением свойства
следует указать следующее: 100px.
Посмотрим на работу этих свойств на примере.
Зададим ячейкам какой-нибудь таблицы ширину
в 200px и высоту 100px:
<table border="1">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
</table>
td {
width: 200px;
height: 100px;
}
:
Сделайте в HTML коде абзацы с длинным текстом.
Средствами CSS поставьте всем абзацам ширину
300px.
Дана следующая таблица:
<table border="1">
<tr>
<td>Иван</td>
<td>Иванов</td>
<td>200$</td>
</tr>
<tr>
<td>Николай</td>
<td>Петров</td>
<td>300$</td>
</tr>
<tr>
<td>Владимир</td>
<td>Сидоров</td>
<td>400$</td>
</tr>
</table>
Установите ячейкам этой таблицы ширину в
400px и высоту в 300px.