CSSでボタンデザイン a href 編
リンクつきのボタンをデザインしてみようか
リンクつきだと、下線が入ったりしませんか?
今日教えるコードの、「text-decoration:none;」を用いることで、
デフォルトの下線を表示させなくするんだよ
それでは、今日のコードだよ
<a href="https://www.yahoo.co.jp/" style="display: inline-block; position: relative; text-decoration: none; color: #f9a9ae; width: 120px; height: 50px; line-height: 50px; border-radius: 5px; text-align: center; overflow: hidden; font-weight: bold; background: linear-gradient(#fed6e3 0%, #ffaaaa 100%); text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);>BUTTON</a>
できました!
で、これをクリックすると、