1. ホーム
  2. css

[解決済み] htmlのリンクをボタンのように見せるにはどうしたらいいですか?

2022-04-15 21:18:30

質問

ASP.NETを使っているのですが、いくつかのボタンはリダイレクトを行うだけです。 私はそれらが普通のリンクであることを望むが、私はユーザーが外観の違いにあまり気がつかないようにしたい。 アンカー、すなわちタグでラップされた画像も考えましたが、ボタンのテキストを変更するたびに画像エディタを起動させるのは嫌です。

解決方法は?

このクラスを適用する

.button {
  font: bold 11px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}
<a href="#" class="button">Example</a>