###前提・実現したいこと
以下のイメージのボタンを押すとドロップダウンメニューが表示されて詳細を選べるようなコードを書いています。
表示されたメニューをクリックするとURLへ飛ぶようにしたいと考えています。
###発生している問題・エラーメッセージ
▼マークのボタンをクリックすると詳細が表示されるような動きをどのように実現したら良いかわからず困っています。
###該当のソースコード
HTML/CSSの現状
1<html> 2<head> 3<style type="text/css"> 4div.controlbox { 5 text-align: center; 6 margin: 0.3em 0px 1em 0px; 7 } 8 9 .square_btn{ 10 display: inline-block; 11 padding: 0.5em 1em; 12 text-decoration: none; 13 background: #FF69B4;/*ボタン色*/ 14 color: #FFF; 15 border-bottom: solid 4px #FF69B4; 16 border-radius: 3px; 17} 18.square_btn:active {/*ボタンを押したとき*/ 19 -ms-transform: translateY(4px); 20 -webkit-transform: translateY(4px); 21 transform: translateY(4px);/*下に動く*/ 22 box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/ 23 border-bottom: none; 24} 25 </style> 26</head> 27<center> 28<p>ホテルを探す</p> 29<p> 30<a href="#" class="square_btn">▼北海道</a> 31<a href="#" class="square_btn">▼東北</a> 32<a href="#" class="square_btn">▼関東</a> 33<a href="#" class="square_btn">▼中部</a> 34</p> 35<p> 36<a href="#" class="square_btn">▼近畿</a> 37<a href="#" class="square_btn">▼中国</a> 38<a href="#" class="square_btn">▼四国</a> 39<a href="#" class="square_btn">▼九州</a> 40</p> 41</center> 42<body> 43<CENTER>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2017/08/07 00:27
2017/08/07 00:58
退会済みユーザー
2017/08/07 03:12