TOP > Web デザイン > CSSによる美しいWebレイアウト

  • Yahoo!
  • はてな
  • google
  • ニフティクリップ
  • del.icio.us
  • FC2
  • livedoorクリップ
  • windows
  • Twitter
CSSによる美しいWebレイアウト

第4回 角丸作りの基本と背景パターンを併用したCSS


今回は、Webページ制作でニーズの高い「角マル」と背景パターンを併用したCSSを解説していく。CSSで一度作れば、使い回しがきく便利なスタイル。スタイリッシュな囲みをつくっていこう。

解説:矢野りん


■POINT

背景パターンを白抜きしたスタイルでシンプルにまとめた。トーン違いの同一色相による配色で、囲み全体が一体感のある部品に見えるよう工夫した。また、パターン部分と角丸の部分がうまくなじむように、角丸画像のサイズ設定に気をつけた。

 

無料会員に登録してつづきを読む

会員登録

登録済みの方はここからログイン

メールアドレス パスワード






この記事をチェックした人はこんな記事も読んでいます。

  • 【web creators】

    今度こそ挫折しない! CSS入門

  • 【Web デザイン】

    Webデザイン超基本のお作法50選

おすすめの記事

  • 【web creators】

    WEB制作テクニックの新標準2010

  • 【Web デザイン】

    Webレイアウトの『解法』

  • 【web creators】

    サイトのメッセージを正しく伝えるWEBデザインの鉄則

出版物のアフターケア

ログイン

メールアドレス
パスワード

News & Topics

  • MdN編集部 ブログ課 MdN BLOG β
  • web creators 編集長の公式ブログ 日々コレデザイン
  • PHOTO GRAPHICA - BLOG
  • MdN書籍部の編集日記
  • MdNメールマガジンの登録・解除
  • 世界のガジェット総合ポータル ガジェットギャラリー