CSS BUTTONS

A button is used to perform certain tasks when clicked.

Example:

• A button can be used to invoke certain kind of function



Fibonacci is sum of two preceding numbers

Fibonacci here...

click to see fibonacci series
• A button can be used to take you to another page
Go Home Page

styling button using CSS

Using CSS properties we can design a button according to our need.

.button1{
    background-color: #38577b;
    color: white;
    padding: 10px;
}

Button border

Using border property you can define the border of the button.

.button1{
    border: 2px solid #38577b;
}

Output:

Button size

Using font-size property you can adjust the size of the button.

.button1{
    font-size: 12px;
}

Output:

Button shadow

Using box-shadow property you can get button shadow.

.button1{
    box-shadow: 5px 5px 10px gray;
}

Output:

Button Hover

Using :hover selector you can define hover property.

.button1:hover{
    background-color: #38577b;
    color: white;
    text-decoration: none;
    box-shadow: 5px 5px 10px gray;
}

Output:

More Learning

Want to learn more about programming and web development? We have a few recommendations for you.