Css For Styling Input Button

In this article i will explain you how you can easily provide style to your input button just by applying style sheet.

Here is the code.

 

Css For Styling Input Button

.

Here is the style sheet which make your button fancy.

.buttonstyle {  border: 1px solid black;

    background-color: white;

    background-repeat: no-repeat;

    background-position: 1px center;

    padding: 1px 10px 1px 25px;

    height: 25px;

    cursor: pointer;

    font-family: Arial;

    background-image: url(add.jpg);

}

    

 

In above code i have taken two input button one with style sheet andanother without style sheet.

Now run the page

Tags: CSS/CSS3 , HTML , HTML5