こちらのボタンの設置方法教えてください。

Question

お世話になっております。
こちらのゴールドページのこのボタンのhtmlでの書き方を教えてください。

こちらのページ
https://www.rakuten.ne.jp/gold/kakko/review/review.html###HR######IMG0fb17ac31c7c7015ff2a24b0b1308023a.jpegIMG0###

Accepted Answer

ECマスターズの土屋です。

>お世話になっております。
>こちらのゴールドページのこのボタンの
>htmlでの書き方を教えてください。

事務局側でこちらのボタンのテンプレートを
作成させて頂きました。

よろしければ、是非ご利用頂けますと幸いです。

どうぞよろしくお願いします。

【テンプレート】
    
        ul.button {
            background: #e2e0e0;
            color: #fff;
            float: left;
            font-size: 20px;
            font-weight: bold;
            margin: 40px 20px px;
            padding: 10px;
            list-style: none;
            overflow: hidden;
            position: relative;
            border-radius: 5px;
            box-shadow: 0 3px 0 #828282;
            -webkit-transition: none;
            transition: none;
            line-height: 50px;
            text-align: center;
            width: 220px;
        }

        ul.button li a {
            color: white;
            text-decoration: none;
        }

        ul.button:hover {
            top: -4px;
            box-shadow: 0 7px 0 #828282;
        }

        ul.button:active {
            top: 3px;
            box-shadow: none;
        }
    

    
        任意のテキスト

Answer

お世話になっております。

理想通り設置できました。
ありがとうございました！

Answer

ECマスターズの土屋です。

お力になれて幸いです。

引き続きどうぞよろしくお願いいたします。