普通、リンクボタンは、以下のように書きます。
<a href="">従来の方法</a>
そうすると、以下のようなリンクができます。
リンクボタンをグーグルのボタンのように長円に拡張するには、cssに以下の記載をしましょう。
a.waku {
display : block;
border-radius : 20px; /* 角丸 */
margin-bottom: 10px;
text-align : center; /* 文字位置 */
cursor : pointer; /* カーソル */
padding : 10px 10px; /* 余白 */
background-color: #fff4ff; /* 背景色 */
border: 1px solid #ffb2ff; /* 枠線 */
}
その上で、HTMLファイルの記載に、先のリンクボタンに「class」を加えます。
<a class="waku" href="">拡張した結果</a>