Más contenido relacionado
「画像をなるべく使わずにWebをレイアウトするテクニック」鷹野 雅弘(スイッチ)
- 61. #btn {
! display:block;
! width:300px;
! font-size:28px;
! font-weight:bold;
! text-align:center;
! line-height:2em;
! height:2em;
! text-decoration:none;
! border:1px solid #225588;
! color:#ffffff;
! background:#337fcc;
! border-radius:5px;
! text-shadow:0 -2px 0px #225588, 0 -2px 0px #225588;bac
! background:-webkit-gradient(linear, 100% 0%, 100% 100%
! box-shadow:1px 2px 2px rgba(0,0,0,0.3), 0px 1px 0px rg
}
#btn:hover {
! background:-moz-linear-gradient(rgba(34,85,136,0.4), r
20 background:-webkit-gradient(linear, 100% 0%, 100% 100%
}
- 62. #btn {
! display:block;
! width:300px;
! font-size:28px;
! font-weight:bold;
! text-align:center;
! line-height:2em;
! height:2em;
! text-decoration:none;
! border:1px solid #225588;
! color:#ffffff;
! background:#337fcc;
! border-radius:5px;
! text-shadow:0 -2px 0px #225588, 0 -2px 0px #225588;bac
! background:-webkit-gradient(linear, 100% 0%, 100% 100%
! box-shadow:1px 2px 2px rgba(0,0,0,0.3), 0px 1px 0px rg
}
#btn:hover {
! background:-moz-linear-gradient(rgba(34,85,136,0.4), r
20 background:-webkit-gradient(linear, 100% 0%, 100% 100%
}