[解決済み] 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>
関連
-
[CSSチュートリアル】QQtabBarからCSS命名規則BEMの詳細を見る
-
[CSSチュートリアル】height:100%と書いても効かない理由
-
[CSSチュートリアル】CSSで実現するTikTokのテキストジッター効果例
-
[CSSチュートリアル】子要素のmargin-topが親要素の移動を引き起こす問題解決
-
[CSSチュートリアル】CSSでマウスの位置をマッピングし、マウスの動きでページ要素を制御する効果を実現する(コード例)
-
[解決済み] セレクトボックスのプレースホルダーを作成するにはどうすればよいですか?
-
[解決済み] Twitter Bootstrapのメニューをクリックではなく、ホバーでドロップダウンさせる方法
-
[解決済み] Bootstrapの列をすべて同じ高さにするにはどうしたらいいですか?
-
[解決済み] CSSだけでリンクを無効化する方法
-
[解決済み] ボタンをリンクのように見せるには?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[CSSチュートリアル】検索ボックスの非表示機能を実現するCSS(アニメーションの順送り・逆戻りシーケンス)
-
[CSSチュートリアル】CSS擬似要素::マーカー解説
-
[CSSチュートリアル]cssのbackgroundとborderタグの例 詳細
-
[css3] scss変数の値を実行時に変更するcss3 var()の使用方法を説明します。
-
[css3]グレーモードやブラックモードを実現するCSS3フィルター(フィルター)サンプルコード(Webページ用
-
[CSSチュートリアル】子要素のmargin-topが親要素の移動を引き起こす問題解決
-
[css3]Apple携帯電話のロック解除のためのCSS3サンプルフォントシャインエフェクト
-
[CSSチュートリアル】CSSプリグラミング言語と詳細解説の違いについて
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] Can I nest a <button> element inside an <a> using HTML5?