エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
photoshopで画像パーツを作り、CSSを記述 その3header要素に背景画像 « カナ・ログ
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
photoshopで画像パーツを作り、CSSを記述 その3header要素に背景画像 « カナ・ログ
post:2009年1月11日 header要素の背景画像として、左図のような縞模様をphotoshopで作成します。それか... post:2009年1月11日 header要素の背景画像として、左図のような縞模様をphotoshopで作成します。それからサンプルページにてcssでbackgroundプロパティとして定義します。背景画像はheader全体のサイズを一つの背景としてではなく、小さなサイズでrepeat値で定義します。ユーザ環境でのテキストサイズ変更などの操作で、header要素内テキストが大きくなった場合、header要素のタテサイズが大きくなる際に単一固定の背景画像だと溢れた部分に背景が適応されないため、レイアウトが崩れます。オーバーフローした部分にも背景を表示させるために、小さいサイズの画像をタテヨコに繰り返し表示させます。 今日の分のサンプルページ http://boxboa.jp/weblog/sample/css_design20090111.html 今日の分のCSS http://boxb