[CSSの基本]
CSS （Cascading Style Sheet=カスケーディング・スタイルシート） 通称スタイルシートを、HTMLタグにプラスして記述することで、様々なデザインを作ることが可能になります。
記述方法は、（１）タグに style= "…"と記述する、（２）htmlの<head>〜</head>の中に直接記述する、（３）CSSファイル●●.cssに記述してhtmlファイルからリンクする、といった方法があります。
XHTMLでは、CSSファイルに一括してレイアウトを記述しておきます。メンテナンスも容易になります。
以下、簡単に設定できるように、htmlの<head>〜</head>の中に直接記述する方法で記載します。
背景画像（壁紙）を固定する [繰り返し表示＆固定]
スクロールしても背景が動かないように固定して表示する場合 htmlの<head>〜</head>の中に、以下のタグをコピーしてください。 ※ご使用のフォルダ名/ファイル名へ修正してください。 ※背景色 background-color:#ffffff; は、記述しなくてもかまいません。（画像の下に隠れます）
<style type="text/css"> ちなみに、以下のようにまとめて記述することも可能です。 <style type="text/css"> |
背景画像（壁紙）を固定する [１部に１つ表示＆固定]
背景の一部に１つだけ表示する場合 htmlの<head>〜</head>の中に、以下のタグをコピーしてください。 ※ご使用のフォルダ名/ファイル名へ修正してください。 ※位置は、以下のようにキーワードを変えてください。 【横方向】左 left 中央 center 右 right
<style type="text/css"> ちなみに、以下のようにまとめて記述することも可能です。 <style type="text/css"> |
背景画像（壁紙）を固定する [横方向または縦方向のみ繰り返し＆固定]
背景の横方向または縦方向に繰り返して表示する場合 htmlの<head>〜</head>の中に、以下のタグをコピーしてください。 ※ご使用のフォルダ名/ファイル名へ修正してください。 ※繰り返し位置は、以下のようにキーワードを変えてください。 【横方向】 repeat-x 【縦方向】 repeat-y
<style type="text/css"> ちなみに、以下のようにまとめて記述することも可能です。 <style type="text/css"> |
| 背景 | 矢印 | アイコン | ボタン | ライン | イラスト クリップアート | 壁紙 | CSS/スタイルシート |
| オフィスブームス › 業務内容 | 制作実績 | お問い合わせ |
