タドワークスコンテンツへスキップタドワークス個人や団体、企業のホームページ集客・運用を総合的に支援します。TadWorksコピペで使う!HTML/CSSで作るシンプルボタンサンプルシンプルボタンとはレスポンシブデザインが主流になってから、HTMLとCSSで作るリンクボタンを使用する機会も増えてきましたね。一昔前は画像でボタンを作る機会が多かったですが、レスポンシブデザインの場合、画像は過度に引き伸ばされたり縮小されたりするため、ちょっと扱いづらいんですね。画像ファイルはファイル容量も大きめなので多様するとページ読み込み速度が低下するデメリットもあります。そんなこともあって、最近はむやみに画像を使わず、できるだけHTMLとCSSでデザインを組むというのがスマートな方法になっているように思います。opacity:0.8;}ボタンの色やデザインなどは上記をベースに編集してください。