HTMLのテーブルボーダーを設定する際のヒント

多くの初心者にとって、table<table>は最もよく使われるタグですが、多くの初心者はテーブルのボーダーのコントロールについてあまり知りません。

テーブルを使うときは、必ずborder属性を与えます。例えば、<table border="1"> とすると、次のような効果があります。

多くのHTML初心者にとって、table<table>は最もよく使われるタグですが、テーブルの枠の制御は多くの初心者がよく理解していないようです。

表を使うときは、必ずborder属性、例えば、<table border="1"> をつけますが、これは次のような効果があります。

しかし、やはり幅は思った通りにはならないようです：1ピクセルしかない、実は上に見えるのは2ピクセル幅です、なぜかというと、<td>の間の境界が重なっていないためです。テーブルのborder-collapseプロパティを変更するだけです。

つまり、<table border="1px" cellspacing="0px" >

テーブルにもう一色追加して、<table border="1px" bordercolor="#000000" cellspacing="0px" >。

以上、HTMLテーブルのボーダーを設定するためのヒントを紹介しましたが、参考にしていただき、Script Houseをもっと支持していただければ幸いです。