CSSビギナー向け - CSS HappyLife
前回のエントリーに続き、今回は2段組の部分をやっていきます。 取り合えず、2段組部分の仕様をば。 デザインを見ていただければお分かりになるかと思いますが、サイドメニューの下に破線があるんですが、その破線がちゃんとメインコンテンツ部分の内容にあわせて伸びる（繰り返す）ようにします。 ボクの組み方はfloatなんでpositionを使った全体のレイアウトに関しては、ウチでは期待しないで下さい。（ポジションによるレイアウトでサイトを作成した経験がありません...） このサンプルのHTMLはサイドメニューがソース上、コンテンツの上に位置してます。 メインコンテンツ部分が上に来ても同様のレイアウトが実現できますが、それは追々ってことで。 だいたいこんな感じです。 んじゃ、いってみますか、、、 前回のエントリーが、ビックリするくらいアクセスあってびびってますが、変なプレッシャーに負けずまったりマイペー
スタイルシート［CSS］/ボックス/背景画像の表示位置を指定する - TAG index
（例1） background-position: right bottom; … 右下に表示 background-position: center center; … 中央に表示 上記例のように、横方向の位置と縦方向の位置を、半角スペースで区切って記述します。 （例2） background-position: right; … 右の中央に表示 background-position: bottom; … 下の中央に表示 background-position: center; … 中央に表示 上記例のように、横か縦、どちらか1つだけで指定することもできます。省いた方の位置は自動的に中央になります。
z-index CSS 表示と配置
Updated 2013.11.06 / Published 2007.02.02 z-indexプロパティは positionプロパティで位置指定されている要素の重ね合わせの順序を指定します。 値 auto <整数値> inherit 初期値 auto 適用対象 位置指定されている要素 継承 しない メディア visual z-indexプロパティの値 z-indexプロパティに指定できる値はそれぞれ以下の意味を示します。 <整数値> 小数点を含まない10進数値。CSS2.1より負の値も指定可能。指定された値が大きいほど上に重ねられ、要素は手前に表示される。 auto z-indexプロパティの指定がない場合と同様、通常の順番で重ねられて表示される。 z-indexプロパティの指定がない場合、及び z-indexプロパティに "auto" が指定されている場合の位置指定されている要素の重
スタイルシートサンプル CSS Samples - eWeb
スタイルシートは、見栄えやレイアウトなどの表示に関する指定を行うものです。スタイルシートを用いるとHTMLだけでは表現できない様々なデザインが可能になります。 サンプルソースはご自由にカスタマイズなどをしてお使いください。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
