The CSS box model is used to define the design and layout of elements of CSS.

The elements are:

• Margin – It removes the area around the border. It is transparent.
• Border – It represents the area around the padding
• Padding – It removes the area around the content. It is transparent.
• Content – It represents the content like text, images, etc.