ホームページ > 記事 > ウェブフロントエンド > HTMLで表の枠線を非表示にする方法
htmlテーブルの境界線を非表示にする方法: 1. style 属性を使用して、「border: none;」を table、th、および td 要素に追加します。2. style 属性を使用して「border-color:」を追加します。表要素に「透明」スタイルを追加します。
このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。
次のテーブルがあります:
<table border="1"> <tr> <th>姓名</th> <th>年龄</th> </tr> <tr> <td>Peter</td> <td>20</td> </tr> <tr> <td>Lois</td> <td>20</td> </tr> </table>
このテーブルの境界線を非表示にするにはどうすればよいですか?その方法は次のとおりです:
#1. border: none;style
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <table border="1" style="border: none;"> <tr> <th style="border: none;">姓名</th> <th style="border: none;">年龄</th> </tr> <tr> <td style="border: none;">Peter</td> <td style="border: none;">20</td> </tr> <tr> <td style="border: none;">Lois</td> <td style="border: none;">20</td> </tr> </table> </body> </html>
## をテーブルに追加します。
#2.border-color:transparent;style<table border="1" style="max-width:90%">
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr>
<td>Peter</td>
<td>20</td>
</tr>
<tr>
<td>Lois</td>
<td>20</td>
</tr>
</table>
を table 要素に追加します。推奨チュートリアル:《
html ビデオ チュートリアル以上がHTMLで表の枠線を非表示にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。