CSSボタンサンプル

.s_button {
 text-align:center;
 width:95%;
font-size: 160%;
 color:#FFF;
 background-color: #222;
 border-radius: 20px;         /* CSS3 */
   -moz-border-radius: 20px;    /* Firefox */
   -webkit-border-radius: 20px; /* Safari,Chrome */
 line-height: 120%;
   background: #124f21;
   background: -webkit-gradient(linear, left top, left bottom, from(#19783b), to(#124f21));
   background: -webkit-linear-gradient(top, #19783b, #124f21);
   background: -moz-linear-gradient(top, #19783b, #124f21);
   background: -ms-linear-gradient(top, #19783b, #124f21);
   background: -o-linear-gradient(top, #19783b, #124f21);
   box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
 padding: 25px 25px;
 }

PARTICUL西成瀬 新築分譲

Follow me!