Heim > Artikel > Web-Frontend > So legen Sie die Tabellengröße in HTML fest
So legen Sie die Tabellengröße in HTML fest
- WBOYOriginal
- 2021-11-11 15:19:3536081Durchsuche
So legen Sie die Tabellengröße in HTML fest: 1. Fügen Sie dem Tabellenelement den Stil „width: width value; height: height value;“ hinzu. 2. Verwenden Sie die Attribute width und height des Tabellen-Tags ;table width="width value "height="height value">".
Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3- und HTML5-Version, Dell G3-Computer.
So legen Sie die Tabellengröße in HTML fest:
1. Fügen Sie der Tabelle Höhe und Höhenstile hinzu
Wir können die Breite definieren und festlegen, indem Sie der Tabelle den Breitenstil hinzufügen und festlegen Tischhöhe durch den Höhenstil.
Der Code lautet wie folgt:
<style>
.表格{width:宽度值;height:高度值}
</style>Sehen Sie sich das folgende Beispiel an:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>button</title>
<style>
.td{width:200px;height:200px}
</style>
</head>
<body>
<table style="border: 1px solid black" >
<tr>
<td class="td" style="border: 1px solid black" >1</td>
<td class="td" style="border: 1px solid black" >2</td>
<td class="td" style="border: 1px solid black" >3</td>
<td class="td" style="border: 1px solid black" >4</td>
</tr>
<table>
</body>
</html>Ausgabeergebnis:
Nach dem Festlegen der Höhe und Breite durch Ändern der Breiten- und Höheneigenschaften:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>button</title>
<style>
.td{width:200px;height:200px}
</style>
</head>
<body>
<table style="border: 1px solid black" >
<tr>
<td class="td" style="border: 1px solid black" >1</td>
<td class="td" style="border: 1px solid black" >2</td>
<td class="td" style="border: 1px solid black" >3</td>
<td class="td" style="border: 1px solid black" >4</td>
</tr>
<table>
</body>
</html>Ausgabeergebnis :
2. Definieren Sie die Tabellenbreite über das Tabellen-Tag
über das width-Attribut im Tabellen-Tag und definieren Sie die Tabellenhöhe über das height-Attribut. Der Code ist wie folgt: Tabellen-Tag:
<table width="宽度值" height="高度值">
Ausgabeergebnis:
Weitere Programmierkenntnisse finden Sie unter:
! !
Das obige ist der detaillierte Inhalt vonSo legen Sie die Tabellengröße in HTML fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!