Q&A
実現したいこと
- ボタンの枠線の角を丸くすること
前提
ボタンの枠線にグラデーションをソースコードのようにコーディングで実装し、枠線を丸くしようとしてもborder-radius: 2px;が効かず、枠線の角が丸くなってくれません。
発生している問題・エラーメッセージ
ボタンの枠線にグラデーションをこのようなコーディングで実装し、枠線を丸くしようとしてもborder-radius: 2px;が効かず、枠線の角が丸くなってくれません。
該当のソースコード
【html】 <a href=""><input type="button" class="button" value=""></a> 【css】 .button { border: 1.5px solid; border-image: linear-gradient(90deg, rgba(7,138,98,1) 0%, rgba(0,212,255,1) 100%) 1; border-radius: 2px; }
試したこと
ソースコードの通りです。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
回答2件
あなたの回答
tips
プレビュー
下記のような回答は推奨されていません。
このような回答には修正を依頼しましょう。
2023/03/29 08:11