ホームページ  >  記事  >  ウェブフロントエンド  >  CSSを使って表の枠線を表示させない方法

CSSを使って表の枠線を表示させない方法

王林
王林オリジナル
2020-11-13 11:25:244892ブラウズ

css を使用して表の境界線を表示しない方法: [border:0;] などの border 属性を使用できます。 border 属性は、境界線の幅を指定する border-width などのすべての境界線属性を設定するために使用されます。

CSSを使って表の枠線を表示させない方法

#border 短縮表現プロパティは、1 つの宣言ですべてのボーダー プロパティを設定します。

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

次の属性を順番に設定できます:

  • border- width

  • #border-style

  • border-color

  • ##いずれかの値の場合が設定されていなくても問題ありません(例:border:solid #ff0000; なども可能です)。

属性値:

border-width    规定边框的宽度。
border-style    规定边框的样式。   
border-color    规定边框的颜色。
inherit    规定应该从父元素继承 border 属性的设置。

コード例:

<html>
<head>
</head>

<body>
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr>
<td>Bill</td>
<td>Gates</td>
</tr>
<tr>
<td>Steven</td>
<td>Jobs</td>
</tr>
</table>
</body>
</html>

css

<style type="text/css">
table,th,td
{
border:0;
}
</style>

結果:


CSSを使って表の枠線を表示させない方法関連ビデオ:

CSS チュートリアル

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。