CSS を使用して細線テーブル効果を実現する方法:
レイアウトを使用する場合、テーブルの使用は推奨されませんが、CSS で適切に使用される限り、テーブルは使用できない要素ではありません。テーブルの作成などの特殊な状況では、table を使用する方が div を使用するよりも多くの利点がありますが、テーブルの境界線が見苦しいです。CSS を使用して細線のテーブル効果を実現する方法を次に示します。コード例は次のとおりです。
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>蚂蚁部落</title><style type="text/css">table{ width:300px; height:60px; background-color:green;}table td{ background-color:white;}</style></head><body><table cellspacing="1"> <tr> <td>单元格</td> <td>单元格</td> <td>单元格</td> <td>单元格</td> <td>单元格</td> </tr> <tr> <td>单元格</td> <td>单元格</td> <td>单元格</td> <td>单元格</td> <td>单元格</td> </tr></table></body></html>上記のコードは、テーブルの cellpacing 属性値を 1px に設定し、次にテーブルの背景色を緑に設定し、次に背景色を緑に設定することにより、1px の「境界線」を表示できます。セルを白にします。
元のアドレス: http://www.51texiao.cn/div_cssjiaocheng/2015/0504/725.html
元のアドレス: http://www.softwhy.com/forum.php?mod=viewthread&tid = 4645
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
