閉じる
閉じる
×
<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
(税込)