テーブルの細線テーブル効果を実現するコード:
細線テーブルはデフォルトのテーブルよりもはるかに美しく、もちろんより人気があります。 この効果を実現する方法を紹介するコード例を次に示します。
コードは次のとおりです。
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂蚁部落</title> <style type="text/css">.table{ width:300px; height:100px; border:1px solid #ccc; border-collapse:collapse;}.table td,.table th { border:1px solid #ccc; padding:5px;}</style></head><body><table class="table"> <thead> <tr> <th>蚂蚁部落一</th> <th>蚂蚁部落二</th> </tr> </thead> <tr> <td>javascript教程</td> <td>jQuery教程</td> </tr> <tr> <td>HTML教程</td> <td>div css教程</td> </tr></table></body></html>
上記のコードは、主に次のコードを使用します。
border-collapse:collapse
border-collapse 属性は、 CSS 1 章の border-collapse 属性。
元のアドレスは次のとおりです: http://www.softwhy.com/forum.php?mod=viewthread&tid=12690
詳細については、以下を参照してください: http://www.softwhy.com/divcss/
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
