メールアイコン
こんな感じで使えます。
info@abcdefg.com
info@abcdefg.com
HTML、cssコード
HTMLファイル内に記述
<DIV class="sample">当サイトはフリーのイラストやアイコン素材を提供しています。</DIV>
css外部ファイルに記述
.sample{
background-image: url(../image/aicon.gif);
background-repeat: no-repeat;
background-position: left;
font-size: 10pt;
padding: 0px 0px 0px 16px;
}
background-image: url(../image/aicon.gif);
background-repeat: no-repeat;
background-position: left;
font-size: 10pt;
padding: 0px 0px 0px 16px;
}
cssクラスの名称『sample』はお好きな名前を記述してください。
『url( )』の中は画像のファイル名を入れます。
『padding』で文字の上下左右の位置を調整します。左側より、上・右・下・左の余白サイズを指定します。
『url( )』の中は画像のファイル名を入れます。
『padding』で文字の上下左右の位置を調整します。左側より、上・右・下・左の余白サイズを指定します。
スポンサード リンク
スポンサード リンク
