×
マイページ
プロフィール
更新履歴
本棚
なりきりトーク
コメント返信
ダイレクトメッセージ
お問い合わせ
スキのコメント返信
＞yoru_さん（森の公式サイトトップのリンクボタンについて）
2018
12
23
19:52
ご質問ありがとうございます！
こちらは、CSSを使ったリンクをマイページの自由入力設定に直接HTMLタグで記入して作成しております。
なお、使用しているCSSとHTMLタグは下記になります。
CSS
.my_button {
width: 70%;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
color: #efe6da;
font-size: 19px;
padding: 25px;
background-color: #52371d;
border: solid #52371d 3px;
display: inline-block;
cursor: pointer;
text-align: center;
text-decoration: none;
}
.my_button:hover {
color:#efe6da;
background: #392915;
text-decoration: none;
}
HTML
<a href="リンク先のURL" class="my_button">リンクの文字</a>
また何かございましたら、お気軽にご質問ください！
2018/12/23 14:08
コメント返信TOP
読者登録
このサイトの読者登録を行います。
読者登録すると、このユーザーの更新履歴に新しい投稿があったとき、登録したアドレスにメールで通知が送られます。
ログインして読者登録
非会員で読者登録
＞yoru_さん（森の公式サイトトップのリンクボタンについて）2018122319:52
こちらは、CSSを使ったリンクをマイページの自由入力設定に直接HTMLタグで記入して作成しております。
なお、使用しているCSSとHTMLタグは下記になります。
CSS
width: 70%;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
color: #efe6da;
font-size: 19px;
padding: 25px;
background-color: #52371d;
border: solid #52371d 3px;
display: inline-block;
cursor: pointer;
text-align: center;
text-decoration: none;
}
.my_button:hover {
color:#efe6da;
background: #392915;
text-decoration: none;
}
HTML
また何かございましたら、お気軽にご質問ください！
2018/12/23 14:08