Как вставить нажимаемую кнопку, которая перенаправляет на другую страницу в чистом виде HTML или X HTML или CSS?

Question

Обычно мы могли бы просто сделать:

<A Href="#">Link</A>

Но проблема здесь, очевидно, в том, что я не хочу, чтобы моя ссылка выглядела как ссылка с синим
цветом и подчеркиванием, вместо этого я просто хочу сделать что-то похожее на кнопку.
Теперь, один из способов сделать это - получить изображение, то есть вставить изображение, которое считывает «кнопку»
, но я не хочу использовать редактор изображений каждый раз, когда мне нужно внести некоторые изменения в текст
, который находится на кнопке.
Поэтому я немного поднял глаза и обнаружил, что было бы лучше сделать ссылку похожей на кнопку.
Поэтому я попробовал следующее:

<style type="button/css">
        .SampleButton {
        font: bold 11px Serif;
        text-decoration: none;
        background-color: #EEEEEE;
        color: #FBFF00;
        padding: 2px 6px 2px 6px;
        border-top: 1px solid #00FFEC;
        border-right: 1px solid #FBFF00;
        border-bottom: 1px solid #FBFF00;
        border-left: 1px solid #00FFEC; }
    </style>
    <SampleButton><a href="/SomeLocation" class="button">Link's Text</a></SampleButton>

Поскольку <a href="/SomeLocation" class="button">Link's Text</a> заключен в <SampleButton>,
Этот фрагмент кода должен был работать, но он просто никак не влиял на текст ссылки .
Я пытался провести много исследований в Интернете, но не смог найти решения, которое принесло бы желаемый
вывод, используя только HTML, X HTML или CSS.

I хотел бы знать, как это можно сделать, используя HTML, X HTML или CSS одна .

Answer 1

В css нет такого типа, как кнопка / css, используйте текст / css.

<style type="button/css">

Вам необходимо:

<style type="text/css">

и следуйте приведенному выше примеру Corrieg.

Answer 2

Это работает, вы можете увидеть фрагмент. Обратите внимание, что это HTML и CSS, поскольку я не знаю, как это сделать в X HTML, но если я правильно вас понял, это то, чего вы хотели достичь.

a{
  padding: 10px 30px;
  margin: 5px;
  text-decoration: none;
  border: none;
  border-radius: 1000px;
  background: #3148FD;
  color: white;
}

<a href="#">Button Link</a>