So legen Sie die Tabellengröße in HTML fest-HTML-Tutorial-php.cn

So legen Sie die Tabellengröße in HTML fest

WBOY

Freigeben： 2021-11-11 15:19:35

Original

36078 Leute haben es durchsucht

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">".

So legen Sie die Tabellengröße in HTML fest

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

Ausgabeergebnis:

So legen Sie die Tabellengröße in HTML fest

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>

Nach dem Login kopieren

Ausgabeergebnis :

So legen Sie die Tabellengröße in HTML fest

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="高度值">

Nach dem Login kopieren

Ausgabeergebnis:

Weitere Programmierkenntnisse finden Sie unter:

Programmiervideo

! !

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!