###前提・実現したいこと
CSSで書いたボタンをクリックするとリンク先に飛ぶコードを書いています。
###発生している問題・エラーメッセージ
リンク先に飛ぶことができず、何が原因かわからず困っています。
###該当のソースコード
HTML/CSS
1<!doctype html> 2<html> 3<style> 4 5.btn{ 6 display: inline-block; 7 position: relative; 8 text-decoration: none; 9 color: #727B69; 10 width: 150px; 11 height: 50px; 12 line-height: 50px; 13 border-radius: 5px; 14 text-align: center; 15 vertical-align: middle; 16 overflow: hidden; 17 font-weight: bold; 18 background-image: -webkit-linear-gradient(#c7e6e2 0%, #c7e6e2 50%); 19 background-image: linear-gradient(#c7e6e2 0%, #c7e6e2 50%); 20 filter:alpha(opacity=70); 21 -moz-opacity: 0.7; 22 opacity: 0.7; 23 24} 25 26.btn:active{/*押したとき*/ 27 -ms-transform: translateY(2px); 28 -webkit-transform: translateY(2px); 29 transform: translateY(2px);/*沈むように*/ 30 box-shadow: 0 0 1px rgba(0, 0, 0, 0.15); 31 background-image: -webkit-linear-gradient(#c7e6e2 0%, #c7e6e2 100%); 32 background-image: linear-gradient(#c7e6e2 0%, #c7e6e2 100%); 33} 34</style> 35<body> 36<center> 37 38<div class="download"> 39 <a href="#" class="btn" a href="https://teratail.com/">Download</a> 40 </div> 41</center> 42</body> 43</html> 44 45 46###補足情報(言語/FW/ツール等のバージョンなど) 47例なので、リンク先はteratailのトップページです。
質問文のコードはそれぞれコードブロックで囲んでいただけませんか? ```(バッククオート3つ)で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。
回答2件
あなたの回答
tips
プレビュー