1. ホーム
  2. html

[解決済み] HTMLのアンカータグ(またはリンク)をボタンのように見せるには?

2022-05-14 05:20:56

質問

このようなボタン画像を持っています。

を作ることができないかと考えていました。

<a href="">some words</a> 

で、そのリンクがそのボタンとして表示されるようなスタイルにする?

もし可能であれば、どのようにすればよいでしょうか?

どのように解決するのですか?

CSSを使用する。

.button {
    display: block;
    width: 115px;
    height: 25px;
    background: #4E9CAF;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    line-height: 25px;
}
<a class="button">Add Problem</a>

http://jsfiddle.net/GCwQu/