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デザインの鉄則

    記事を読む

おすすめの書籍

書籍一覧を見る

出版物のアフターケア

MdN の求人情報

一覧を見る

MdNからのお知らせ

・月刊「web creators」のWebデザイン情報ポータルサイトへの移行のお知らせ

『水彩スケッチ教室 下描きと上手な絵の具の使い方』お詫びと訂正のお知らせ

『水彩スケッチ教室 下描きと上手な絵の具の使い方』お詫びと訂正のお知らせ

・RSSをご利用の方へ 再設定のお願い

ログイン

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

今日のおすすめ

あらゆるメディアを創造するクリエイターに。
プロフェッショナルのためのツール新登場！


転職ならFind Job !

Web デザイン ブックランキング

新版 プロとして恥ずかしくないWEBデザインの大原則

1位　新版 プロとして恥ずかしくないWEBデザインの大原則

あなたはWEBサイトを本当に「デザイン」できていますか？

News & Topics

【HARDWARE】

一覧を見る

【EVENT】

一覧を見る

【iPhone / iPod / iPad】

一覧を見る

【TOPICS】

一覧を見る

【SUPPLY】

一覧を見る

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