ホームページ > 記事 > ウェブフロントエンド > CSS を使用して細線テーブル効果を実現する方法_html/css_WEB-ITnose
CSS を使用して細線テーブル効果を実現する方法_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:40:39922ブラウズ
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
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。