Chap12-3 角丸を使ったボタンの作成

Chap12-3 角丸を使ったボタンの作成

ボタンに関するデザインについて学習します。
ボタンを作成する際のコツや、使うCSSプロパティについて理解することが目的です。

適切なボタンサイズとデザイン

押しやすいボタンのサイズと、わかりやすいボタン名のサイズについて、基本的な数値を理解しておきましょう。
文字サイズは、標準の文字サイズが16px(最小12px以上)で考えた場合、上下左右に最低でも文字サイズと同等の余白があれば、ボタンもボタン名も見やすく読みやすくなります。

AppleやGoogleのUIガイドラインを参考にして考えた場合でも、ボタンの高さは最低でも45~48px以上は必要になります。

See the Pen 12-3 by Rayout-gw (@Rayout-gw) on CodePen.

CSSジェネレーターでボタンを作成

Energy Casino Online PL oferuje dostęp do gier kasynowych, konta użytkownika, pr…
www.cssgenerators.net
The easiest way to create imageless css buttons
cssbuttoncreator.com

CSSジェネレーターでグラデーションを作成

As a free CSS gradient generator tool, this website lets you create a colorful g…
cssgradient.io
Blend — CSS Gradient Generator.
colinkeany.com
Master
Master

⬆︎リンク先の画像が表示されていますか?