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



