PC Bibo 6 top > ホームページ/ブログ全般 > スタイルシートを使わずにスタイルを指定する

スタイルシートを使わずにスタイルを指定する

スタイルシートではなく、その場かぎりでスタイルを指定するには、HTML タグを

<div stye="">テキストや画像などのコンテンツ</div>

のように記述します。<div stye=""> と </div> で囲まれた箇所が指定のスタイルで表示されます。" " 内にスタイルを指定します。たとえば、背景が薄いグリーンの緑色の枠内に、20px のサイズの赤い太字で表示したい場合は、以下のように記述します。

<div style="border:2px solid #808a60; width:auto; padding:15px;margin:10px; font-size:20px;color:#cc0000;font-weight:bolder;background:#dbe19d;" >テキストや画像などのコンテンツ</div>

実際にこれを記述すると、以下のように表示されます。

テキストや画像などのコンテンツ

ただし、本来はスタイルシートで指定するほうがよいので、乱用しないほうが賢明なようです(このスタイルを常時使用する場合は、スタイルシートで指定します)。


« 写真をポラロイド風や写真立て風に表示する | メイン(トップ)ページ | Movable Type に「いいね!」ボタンを設置する »


あとで読む




trackbacks

trackbackURL:

comments

comment form

(PC Bibo 6 にはじめてコメントされる場合、不適切なコメントを防止するため、掲載前に管理者が内容を確認しています。適切なコメントと判断した場合コメントは直ちに表示されますので、再度コメントを投稿する必要はありません。)