hr{color:sienna;}] です。"/> hr{color:sienna;}] です。">
検索

ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSにテーブルを挿入する方法

CSSにテーブルを挿入する方法

coldplay.xixi
coldplay.xixiオリジナル
2021-03-21 18:18:144723ブラウズ

CSS にテーブルを挿入する方法: [c9ccee2e6ea535a969eb3f532ad9fe89] タグを使用してドキュメントの先頭に内部スタイル シートを定義します。コードは [359968e7d239e00a85ba1a71a3f318d8 タグを使用してスタイル シートにリンクします。 2cdf5bf648cf2f33323966d7f58a7f3f タグは (ドキュメントの) ヘッドにあります: 

　　<head>
 
　　<linkrel="stylesheet"type="text/css"href="mystyle.css"/>
 
　　</head>

ブラウザは、ファイル mystyle.css とベースからスタイル宣言を読み取ります。それをフォーマットした文書です。

外部スタイル シートは、任意のテキスト エディタで編集できます。ファイルには HTML タグを含めることはできません。スタイル シートは .css 拡張子を付けて保存する必要があります。スタイル シート ファイルの例を次に示します。 

　　hr{color:sienna;}
 
　　p{margin-left:20px;}
 
　　body{background-image:url("images/back40.gif");}

属性値と単位の間にスペースを入れないでください。 「margin-left:20px」の代わりに「margin-left:20px」を使用すると、IE6 でのみ動作しますが、Mozilla/Firefox または Netscape では正しく動作しません。

内部スタイル シート

単一のドキュメントに特別なスタイルが必要な場合は、内部スタイル シートを使用する必要があります。次のように、c9ccee2e6ea535a969eb3f532ad9fe89 タグを使用してドキュメントの先頭で内部スタイル シートを定義できます: 

　　
 
　　
 
　　hr{color:sienna;}
 
　　p{margin-left:20px;}
 
　　body{background-image:url("images/back40.gif");}
 
　　
 
　　

Inline Styles

インライン スタイルでは、プレゼンテーションとコンテンツが混在するため、スタイル シートの利点の多くが失われます。たとえば、スタイルを要素に 1 回だけ適用する必要がある場合など、この方法は注意して使用してください。

インライン スタイルを使用するには、関連するタグ内で style 属性を使用する必要があります。 Style プロパティには、任意の CSS プロパティを含めることができます。この例は、段落の色と左マージンを変更する方法を示しています: 

　　<pstyle="color:sienna;margin-left:20px">
 
　　Thisisaparagraph
 
　　</p>

推奨される関連チュートリアル: CSS ビデオ チュートリアル

以上がCSSにテーブルを挿入する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

firefox css css3 html 样式表 外边距 margin
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：CSSのリストスタイルとは何ですか次の記事：CSSのリストスタイルとは何ですか

関連記事

続きを見る