Heim > Artikel > Backend-Entwicklung > So fügen Sie in PHP horizontale Linien zur Tabelle hinzu
So fügen Sie in PHP horizontale Linien zur Tabelle hinzu
- PHPzOriginal
- 2023-04-03 14:40:261321Durchsuche
In PHP kann das Hinzufügen horizontaler Linien zu einer Tabelle durch Hinzufügen von CSS-Stilen erreicht werden.
CSS (Cascading Style Sheets) ist eine Sprache, die zur Steuerung des Stils und Layouts von Webseiten verwendet wird und HTML-Elementen Stile hinzufügen kann. Durch das Hinzufügen bestimmter CSS-Stile kann das Tabellenelement als Tabelle mit horizontalen Linien auf der Webseite angezeigt werden.
Im Folgenden sind die Schritte zum Hinzufügen horizontaler Linien zu einer Tabelle aufgeführt:
Schritt 1: Erstellen Sie ein HTML-Tabellenelement.
Erstellen Sie zunächst ein Tabellenelement in HTML. Dies kann durch die Verwendung des Tabellen-Tags und anderer verwandter Tags erreicht werden.
Das Folgende ist ein einfaches HTML-Tabellenbeispiel:
<table> <tr> <th>姓名</th> <th>性别</th> <th>年龄</th> </tr> <tr> <td>张三</td> <td>男</td> <td>28</td> </tr> <tr> <td>李四</td> <td>女</td> <td>32</td> </tr> </table>
Im obigen Code wird über das Tabellenelement eine einfache Datentabelle erstellt, die drei Spalten enthält: Name, Geschlecht und Alter sowie zwei Datenzeilen.
Schritt 2: CSS-Stil hinzufügen
Als nächstes fügen Sie den CSS-Stil in PHP hinzu, um der Tabelle horizontale Linien hinzuzufügen.
Das Folgende ist ein Beispiel für die Verwendung von CSS-Stilen zum Hinzufügen horizontaler Linien zu einer Tabelle:
<style type="text/css">
table {
border-collapse: collapse;
width: 100%;
}
table th, table td {
border: 1px solid #ccc;
}
table th {
background-color: #f7f7f7;
font-weight: bold;
}
table tr:nth-child(even) {
background-color: #f2f2f2;
}
table tr:hover {
background-color: #eaeaea;
}
</style>
Im obigen Code wird ein Tabellenstil definiert und der Tabellenrand und die Breite festgelegt. Gleichzeitig wird der Rahmenstil des Tabellenkopfes und der Inhaltszellen sowie die Hintergrundfarbe und Fettschrift des Tabellenkopfes festgelegt. Durch Festlegen der Hintergrundfarbe gerader Zeilen und Mouseover wird der Effekt einer Tabelle mit horizontalen Linien erzielt.
Schritt 3: CSS-Stile auf das HTML-Tabellenelement anwenden
Zuletzt wenden Sie die oben genannten CSS-Stile auf das HTML-Tabellenelement an.
Das Folgende ist ein vollständiges PHP-Codebeispiel:
<!DOCTYPE html>
<html>
<head>
<title>PHP Table Style</title>
<meta charset="UTF-8">
<style type="text/css">
table {
border-collapse: collapse;
width: 100%;
}
table th, table td {
border: 1px solid #ccc;
}
table th {
background-color: #f7f7f7;
font-weight: bold;
}
table tr:nth-child(even) {
background-color: #f2f2f2;
}
table tr:hover {
background-color: #eaeaea;
}
</style>
</head>
<body>
<table>
<tr>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
</tr>
<tr>
<td>张三</td>
<td>男</td>
<td>28</td>
</tr>
<tr>
<td>李四</td>
<td>女</td>
<td>32</td>
</tr>
</table>
</body>
</html>
Durch Ausführen des obigen PHP-Codes kann eine Datentabelle mit horizontalen Linien auf der Webseite angezeigt werden.
Zusammenfassung
In PHP kann das Hinzufügen horizontaler Linien zu einer Tabelle durch Hinzufügen von CSS-Stilen erreicht werden. Durch Festlegen von Stilattributen wie Tabellenrändern, Hintergrundfarben für gerade Zeilen und Mauszeigereffekten kann das Tabellenelement als Tabelle mit horizontalen Linien auf der Webseite angezeigt werden.
Das obige ist der detaillierte Inhalt vonSo fügen Sie in PHP horizontale Linien zur Tabelle hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!