Так как для наглядного примера вставлены коды (путём html), дождитесь полной подгрузки

[html]
<style>
.button{
  float:left;
  height:40px;
  line-height:40px;
  margin-right:20px;
  padding:0 15px;
  color:#fff;
  font-weight:bold;
  font-size:16px;
  font-family:arial;
  background-color:#555;
  border-radius:5px;
  border:solid 1px rgba(0,0,0,0.5);
  background-image: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
}

.button:hover{
    background-image: linear-gradient(rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */ 
}

.button1{background-color:orange;}
.button2{background-color:red;}
.button3{background-color:green;}
.button4{background-color:RoyalBlue;}
.button5{background-color:OrangeRed;}
.button6{background-color:Purple;}
</style>

<a class="button button1">button 1</a>
<a class="button button2">button 2</a>
<a class="button button3">button 3</a>
<a class="button button4">button 4</a>
<a class="button button5">button 5</a>
<a class="button button6">button 6</a>

[/html]

<a class="button button1">button 1</a>
<a class="button button2">button 2</a>
<a class="button button3">button 3</a>
<a class="button button4">button 4</a>
<a class="button button5">button 5</a>
<a class="button button6">button 6</a>

.button{
  float:left;
  height:40px;
  line-height:40px;
  margin-right:20px;
  padding:0 15px;
  color:#fff;
  font-weight:bold;
  font-size:16px;
  font-family:arial;
  background-color:#555;
  border-radius:5px;
  border:solid 1px rgba(0,0,0,0.5);
  background-image: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
}

.button:hover{
    background-image: linear-gradient(rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */  
}

.button1{background-color:orange;}
.button2{background-color:red;}
.button3{background-color:green;}
.button4{background-color:RoyalBlue;}
.button5{background-color:OrangeRed;}
.button6{background-color:Purple;}

Символов: 2104

Подпись автора

[marquee=left]«МФ»    Мы такие разные и всё-таки мы вместе По любым вопросам касающимся форума, обращайтесь ко мне в л/с. [/marquee]