Breite und Höhe von Elementen in CSS

Um die Breite und Höhe von Elementen in CSS festzulegen, sind die Eigenschaften width und height vorgesehen. Die Werte dieser Eigenschaften werden in der Regel in Pixeln angegeben. Pixel werden als px bezeichnet und zur Zahl hinzugefügt. Um beispielsweise eine Größe von 100 Pixeln festzulegen, sollte der Wert der Eigenschaft wie folgt lauten: 100px.

Sehen wir uns die Funktion dieser Eigenschaften an einem Beispiel an. Lassen Sie uns den Zellen einer Tabelle eine Breite von 200px und eine Höhe von 100px zuweisen:

<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;
}

Erstellen Sie Absätze mit langem Text im HTML-Code. Weisen Sie allen Absätzen mithilfe von CSS eine Breite von 300px zu.

Gegeben ist die folgende Tabelle:

<table border="1">
	<tr>
		<td>John</td>
		<td>Smith</td>
		<td>200$</td>
	</tr>
	<tr>
		<td>Nick</td>
		<td>Mayers</td>
		<td>300$</td>
	</tr>
	<tr>
		<td>Alex</td>
		<td>Jonson</td>
		<td>400$</td>
	</tr>
</table>

Weisen Sie den Zellen dieser Tabelle eine Breite von 400px und eine Höhe von 300px zu.