HTMLとCSSとinstagramで大きめボタン作成

サンプル

ページAへいく
ページBへいく
ページCへいく

.button {
    display: block;
    color: #00a;
    text-align: center;
    text-decoration: none;
    /* 画像と通常時のライン色を指定 */
    background: #ddd ;
    /* 使用しているフォントに合わせて調節 */
    font-size: 12px;
    font-weight: bold;
    padding: 7px 0 8px;
    /* input タグ用にボーダーを消す */
    border: none;
    /* ボタン画像サイズに合わせる */
    width: 250px;
    height: 100px;
    margin: 10px;
    /* 角丸 */
    -webkit-border-radius: 6px;
}
/* リンクの状態ごとにライン色を指定 */
.button:visited {
    background-color: #ddd;
}
.button:hover {
    background-color: #3cc6f5;
}
.button:active {
    background-color: #f00;
}

ボタンの後ろにimageを入れる場合はcssにimageUrlの指定

    background: #ddd url(hoge_image.jpg) center center no-repeat;