Verwenden Sie diese Option, um die Tabelle in CSS als durchgezogene Linie festzulegen:
Der Code lautet wie folgt:
table{ border-collapse:collapse; /*表示将单元格中各小格之间的空隙进行合并*/ border:1px #00F solid; /*定义边框样式*/ }
Beispiel:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>无标题页</title> <style> table { border-collapse: collapse; } table td { border:1px solid #fff000; } </style> </head> <body> <table cellpadding="0"> <tr> <td>First</td> <td>Second</td> <td>Three</td> </tr> <tr> <td>第一</td> <td>第二</td> <td>第三</td> </tr> </table> </body> </html>
Die Ergebnisse sind wie folgt:
Weitere CSS-bezogene technische Artikel finden Sie unter CSS-Tutorial Spalte zum Lernen!
Das obige ist der detaillierte Inhalt vonSo realisieren Sie eine durchgezogene Tabellenlinie in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!