bugl
bugl
HomeLearnPatternsPathsSearch
HomeLearnPatternsPathsSearch

Loading lesson path

Learn/CSS/CSS Foundations
CSS•CSS Foundations

CSS Forms

Flash cards

Review the key moves

1/3
Core idea

What is the main idea behind CSS Forms?

Lesson checks

Practice each idea before moving on

Short Mimo-style checks built from this lesson's code, terms, and sequence.

1Quick choice

Which statement best captures the main point of this lesson?

2Order

Put the learning moves in the order that makes the concept easiest to apply.

With CSS, you can style most of the different input types, like text fields, password fields, checkboxes, radio buttons, and file inputs.
CSS is used to style HTML forms.
Styling Form Input Fields

CSS Styling Forms

CSS is used to style HTML forms. The look of an HTML form can be greatly improved with CSS:

Styling Form Input Fields

With CSS, you can style most of the different input types, like text fields, password fields, checkboxes, radio buttons, and file inputs. You can also style input labels and form buttons.

Some commonly used CSS properties for styling input fields, are:

  • width
  • padding
  • margin
  • border
  • border-radius
  • background-color
  • color
  • font-size

Previous

CSS Advanced Attribute Selectors

Next

CSS Form Inputs