طلب كود css خاص في الازرار

Code: Select all

.button {
    padding-left: 8px;
    display: inline-block;
    margin-right: 5px;
    background: url('../image/button_left.png') top left no-repeat;
    text-decoration: none;
    color:#FFF;
}
.button span {
    color: #FFF;
    display: block;
    padding: 4px 10px 5px 2px;
    background: url('../image/button_right.png') top right no-repeat;
}
.buttons {
    background: #F8F8F8;
    border: 1px solid #DDDDDD;
    padding: 5px;
    margin-bottom: 10px;
}
.buttons input {
    padding: 0px;
    margin: 0px;
}
.buttons table {
    width: 100%;
    border-collapse: collapse;
}
.buttons table td {
    vertical-align: middle;
} 

Code: Select all

.button {
    padding-left: 8px;
    display: inline-block;
    margin-right: 5px;
    background: url('../image/button_left.png') top left no-repeat;
    text-decoration: none;
    color:#FFF;
} 

Code: Select all

.button:hover {
    padding-left: 8px;
    display: inline-block;
    margin-right: 5px;
    background: url('../image/button_left.png') top left no-repeat;
    text-decoration: none;
    color:#FFF;
} 

Code: Select all

a:hover{
 

Code: Select all

.button {
    padding-left: 8px;
    display: inline-block;
    margin-right: 5px;
    background: url('../image/button_left.png') top left no-repeat;
    text-decoration: none;
    color:#FFF;
}
.button span {
    color: #FFF;
    display: block;
    padding: 4px 12px 5px 5px;
    background: url('../image/button_right.png') top right no-repeat;
}
 

Code: Select all

.button:hover {
    padding-left: 8px;
    display: inline-block;
    margin-right: 5px;
    background: url('../image/button2_left.png') top left no-repeat;
    text-decoration: none;
    color:#FFF;
}
.button:hover span {
    color: #FFF;
    display: block;
    padding: 4px 12px 5px 5px;
    background: url('../image/button2_right.png') top right no-repeat;
}