ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSを使用してtdに境界線を設定する方法

CSSを使用してtdに境界線を設定する方法

php中世界最好的语言
リリース: 2017-11-20 17:30:47
オリジナル
5297 人が閲覧しました

多くの友人がテーブルのスタイルを設定する方法に悩んでいます。テーブルに枠線を設定したことは前に述べました。今回はCSSを使ってtdに枠線を設定する方法を紹介します。今後もテーブルのヒントや設定について更新していきますので、ご注目ください。

テーブル td の境界線スタイルを設定します。テーブル

オブジェクト 内の td は境界線スタイルを実装しますが、中央の td では二重境界線が表示されます。

詳細なケースのチュートリアルは次のとおりです:

1. 対応する CSS コード

<style> 
.table-b table td{border:1px solid #F00} 
/* css注释:只对table td标签设置红色边框样式 */ 
</style>
ログイン後にコピー

2. 対応する HTML ソース コード

<div class="table-b"> 
<table width="400" border="0" cellspacing="0" cellpadding="0"> 
<tr> 
<td width="105">站名</td> 
<td width="181">网址</td> 
<td width="112">说明</td> 
</tr> 
<tr> 
<td>PHP</td> 
<td>www.php.cn</td> 
<td>PHP</td> 
</tr> 
<tr> 
<td>PHP</td> 
<td>www.php.cn</td> 
<td>PHP</td> 
</tr> 
</table>
ログイン後にコピー

これは、CSS を使用して td に境界線を設定する方法です。

関連書籍:

CSS を使用して表のラベルのみに境界線を設定する方法


DIV と CSS を使用してドロップダウン メニューを作成する


CSSレイアウト

以上がCSSを使用してtdに境界線を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート