How can I style forms using CSS?

How can I style forms using CSS?

You can style forms using CSS by targeting form elements like input, textarea, and select. For example, you can change the background color, border, and padding.

Can you give me an example of styling an input field?

Sure! Here's a simple example:

input {
    border: 2px solid #4CAF50;
    padding: 10px;
    border-radius: 5px;
    width: 100%;
}

This will create a green border and some padding around the input field.

How do I style a submit button?

You can style a submit button like this:

button {
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

This will give the button a green background and white text.

What about adding hover effects?

You can add hover effects using the :hover pseudo-class. For example:

button:hover {
    background-color: #45a049;
}

This will change the button's background color when the user hovers over it.