<a class="button padType01 fontSizeType01" href="#">これはリンクです。</a>
a.button{
display: block; /* インラインボックスをブロックボックスに変更する */
text-decoration: none; /* リンクの下線を消す */
border:1px solid #FFFFFF;
width:400px;
}
a.button:hover{
border:1px solid #0000FF;
}
.padType01{
padding: 10px 10px 10px 10px;
}
.fontSizeType01{
font-size: 30pt;
}
リンク(a href)に3つのクラスを適用している。
ブロックボックス化することで、枠線を表示させることができる。
サンプルソース
https://tokyo-webs.jp/sample_source/130227b/
リンク(a href)に3つのクラスを適用している。
ブロックボックス化することで、枠線を表示させることができる。
サンプルソース
https://tokyo-webs.jp/sample_source/130227b/
コメント
コメントを書く