<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/
ブロマガ会員ならもっと楽しめる!
- 会員限定の新着記事が読み放題!※1
- 動画や生放送などの追加コンテンツが見放題!※2
-
- ※1、入会月以降の記事が対象になります。
- ※2、チャンネルによって、見放題になるコンテンツは異なります。
東京ウェブ制作ブロマガ
大和賢一郎
月額:¥550 (税込)
コメント
コメントはまだありません
コメントを書き込むにはログインしてください。