« | »

2008.04.09

singleアイコンインラインスタイルシートめも

 個々の要素のタグに適用させたいスタイルを直接記述する方法です。

<p style="font-size:16px; color:blue">16px、文字色青で表示</p>

pというセレクタのfont-sizeという属性に16pxというと、colorという属性にblueというを指示すると以下の様に表示されます。

16px、文字色青で表示

<span style="color : red">文字色を赤くします。</span>

spanというセレクタのcolorという属性にredというを指示します。
文字色を赤くします。

<span style="color:#990099">SPANにはさまれた範囲は段落を
含んでいても紫色で表示します</span>

SPANにはさまれた範囲は段落を
含んでいても紫色で表示します

<div style="color:#990000; padding:5px; border:solid 3px #005600; ">
海老茶色で表示した範囲は段落を
含んでいても緑色の太い罫で囲まれます。</div>

海老茶色で表示した範囲は段落を
含んでいても緑色の太い罫で囲まれます。

参考:スタイルシート1 – スタイル設定の方法

Content Comments

No comments.

Comment





Trackback URL