XHTMLを使ってサイト作成、cssの記述方法とスタイルシートの使い方の紹介。
スタイルシートの使い方3
次は「メインメニュー」と「小見出し1」あたりのデザインを 変えてみましょう。
「style.css」に次のように書き加えます。
.toptitle{
.tabletop{
border:3px solid;
border-color:#8B4513;
background-color:#006400;
width:100%;
}border-color:#8B4513;
background-color:#006400;
width:100%;
.tabletop{
background-color:#EEE8AA;
border:3px solid;
border-color:#8B4513;
width:100%;
height:50px;
}border:3px solid;
border-color:#8B4513;
width:100%;
height:50px;
.mainmenyu{
tablemenyu{
.tablekiji{
background-color:#EEE8AA;
border-collapse:collapse;
border:3px solid;
border-color:#8B4513;
width:100%;
height:300px;
}border-collapse:collapse;
border:3px solid;
border-color:#8B4513;
width:100%;
height:300px;
tablemenyu{
border:3px solid;
border-color:#8B4513;
width:25%;
}border-color:#8B4513;
width:25%;
.tablekiji{
border:3px solid;
border-color:#8B4513;
width:75%;
}border-color:#8B4513;
width:75%;
このように記述します。打ち終えたら必ず上書き保存してください。
border-collapse:collapse;は「表やセルの隣り合う枠線を 重ねて表示する」という意味です。これを書かないと、表やセルの隣り合う部分で 枠線が2重に表示されます。
それ以外の説明は「デザイン自由なCSS」のページで解説しているので 省略します。
アフィリエイトを知ろう
アフィリエイトとは??
アフィリエイトの手順
ホームページ作成編
ホームページを作ろう
どんなサイトを作ろうか
作業用フォルダと構造
作業の進め方と設定
XHTMLを覚えよう
サイトの骨組みを作る
tableタグを使う
デザイン自由なCSS
CSSの使い方1
CSSの使い方2
CSSの使い方3
CSSの使い方4
CSSの使い方5
CSSの使い方6
リンクの貼り方
CSSの使い方7
CSSの使い方8
サイトを公開する
アフィリエイト編
ASPって何だろう??
おすすめASP一覧
広告選びのコツ
アクセスアップ編
アクセスアップの必要性
検索エンジンに登録
リンクの量と質を上げる
相互リンクとは??
SEO対策とは??
metaタグの使用
キーワードの最適化
hXタグの使用
サイトの更新