メモのアイコンです。 |
文字を入れる場合の |
こちらも合わせてご覧ください。
押しピン素材［同窓］［別窓］
テープアイコン素材［同窓］［別窓］
クリップ素材［同窓］［別窓］
ノートの写真アイコンもあります。［同窓］［別窓］
シンプル
シンプル2 小さめ
折り目のついた紙
1枚目をめくったメモ用紙
破れた紙
ブロックメモ
波々
ノートの切れ端
重ねた紙
重ねた紙 クリップつき
角ぺらっと
バインダー
線入り
しわくちゃ1
しわくちゃ2
HTMLの記述例
メモのアイコンです。
すべて実物大。
透過pngです。
<div style="position:relative;">
<img src="http://画像アップロード先URL/mesample1.png" alt="メモアイコン素材" width="158" height="165" />
<p style="position:absolute; top:40px; left:15px; width:128px;">
メモのアイコンです。
すべて実物大。
透過pngです。
</p>
</div>
top:40px; ・・・ 画像の上から文字までの距離を指定します。
left:15px; ・・・ 画像の左から文字までの距離を指定します。
width:128px; ・・・ 文字が入る横幅を指定します。
画像の横幅は158px、文字の開始位置が左から15pxなので
右側も15px分空けるために128pxにしています。
文字を入れる場合の
HTML記述例はこちら。
<div style="position:relative;">
<img src="http://画像アップロード先URL/mesample2.png" alt="メモアイコン素材" width="200" height="150" />
<p style="position:absolute; top:50px; left:25px; width:150px;">
文字を入れる場合の
HTML記述例はこちら。
</p>
</div>
