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

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

Web デザイン

CSSによる美しいWebレイアウト

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

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

解説：矢野りん

■POINT

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

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

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

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

この記事をチェックした人はこんな書籍も見ています。

書籍一覧を見る

おすすめの記事

おすすめの書籍

書籍一覧を見る

出版物のアフターケア

今日のおすすめ

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

MdNからのお知らせ

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

『XHTML＆CSS 定番テクニック大全』サンプルデータのダウンロードページに関するご案内

『スティッチ年賀状CD-ROM 2010』をご購入の方へ

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

・著作権者の皆さまへ
「Googleブック検索和解について」

ログイン

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

1位　WEBデザイン不朽の表現

すべてのWEBデザイナーが学ぶべき不変的なデザインの知識とテクニックをこの1冊に収録！

News & Topics

【SUPPLY】

一覧を見る

【HARDWARE】

一覧を見る

【TOPICS】

一覧を見る

【COLUMN】

一覧を見る

【SOFTWARE】

一覧を見る