1番目と4番目はきちんとボタンで表示されます。
ボタンのデザインはこのページの「ふわっと光るボタン」を使わさせてもらっています。
https://copypet.jp/417/
どこが間違えているのでしょうか?
どうかご教示お願い致します。
HTML CSS
1<!DOCTYPE html> 2<html lang="ja"> 3<html> 4<head> 5<meta charset="utf-8"> 6<title>駄菓子</title> 7 8<style type="text/css"> 9a.cp_btn { 10position: relative; 11display: block; 12width: 400px; 13margin: auto; 14max-width: 500px; 15padding: 0.5em; 16text-align: center; 17font-weight: bold; 18text-decoration: none; 19color: #FFF; 20text-shadow: 0 0 5px rgba(255, 255, 255, 0.0); 21background: #e6b422; 22transition: .4s; 23border-radius: 4px; 24font-size: 17pt 25} 26a.cp_btn:hover { 27text-shadow: -6px 0px 15px rgba(255, 255, 240, 0.83), 6px 0px 15px rgba(255, 255, 240, 0.83); 28transition: .4s; 29} 30 31 32 33 34 35 36a.ar_btn { 37position: relative; 38display: block; 39width: 400px; 40margin: auto; 41max-width: 500px; 42padding: 0.5em; 43text-align: center; 44font-weight: bold; 45text-decoration: none; 46color: #FFF; 47text-shadow: 0 0 5px rgba(255, 255, 255, 0.0); 48background: #e6b422; 49transition: .4s; 50border-radius: 4px; 51font-size: 17pt 52} 53a.cp_btn:hover { 54text-shadow: -6px 0px 15px rgba(255, 255, 240, 0.83), 6px 0px 15px rgba(255, 255, 240, 0.83); 55transition: .4s; 56 57 58 59 60 61 62 63</style> 64</head> 65<body> 66 67<a href="http://www.url/#okashi" target="_blank" class="cp_btn">その他の商品はこっち</a> 68 69<img class="img-responsive maximage" src="http://www.amu.jpg" alt="" width="1000" height="704" /> 70 71<a href="http://www.url/#okashi" target="_blank" class="ar_btn">ボタンで表示されない</a> 72 73<img class="img-responsive maximage" src="http://www.nroke.jpg" alt="" width="1000" height="699" /> 74 75<a href="http://www.url/#okashi" target="_blank" class="ar_btn">ボタンで表示されない</a> 76 77<img class="img-responsive maximage" src="http://www.nde-ta.jpg" alt="" width="1000" height="828" /> 78 79<a href="http://www.url/#okashi" target="_blank" class="cp_btn">その他の商品はこっち</a> 80 81 82</body> 83</html>
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/09/10 03:55