ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSで表の右枠を設定する方法

CSSで表の右枠を設定する方法

青灯夜游
リリース: 2021-11-10 17:59:02
オリジナル
4206 人が閲覧しました

CSS では、border-right 属性を使用してテーブルの右枠を設定できます。この属性の機能は、要素の右枠の幅、スタイル、色を指定することです。構文"table{border-right: 境界線の幅の境界線" スタイルの境界線の色;}"。

CSSで表の右枠を設定する方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

css では、border-right 属性を使用してテーブルの右枠を設定できます。

border-right プロパティは、右ボーダーのすべてのプロパティを 1 つのステートメントに設定する短縮プロパティです。

設定できるプロパティは (順番に) border-right-width、border-right-style、border-right-color です。

例:

デフォルトのテーブルはボーダーレスです:

<table>
	<tr>
		<th>姓名</th>
		<th>年龄</th>
	</tr>
	<tr>
		<td>Peter</td>
		<td>20</td>
	</tr>
	<tr>
		<td>Lois</td>
		<td>20</td>
	</tr>
</table>
ログイン後にコピー

CSSで表の右枠を設定する方法

border-right 属性を次のように設定するだけです。 table 要素に右側の境界線を追加できます

table{
	border-right: 1px solid red;
}
ログイン後にコピー

CSSで表の右枠を設定する方法

(学習ビデオ共有: css ビデオ チュートリアル)

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

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