画像・写真の横に文章を表示させたい - アラ還的やじうまぶろぐ
写真や画像の横に文章を表示させたい！ときのHTMLを 覚え書きとして書いておきます。 さらに、画像の横に文章を書いたら 画像と文章がくっついてしまってなんか格好悪いな。というとき、 体裁を気にする私のような人用に 画像と文章の間にスペースを空けるその対処法も紹介します。 写真や画像の横に文章を表示させる 写真や画像の横に文章を表示させることを「画像の回り込み」といいます。 alignという属性を使うことで右か左か、画像の位置を指定します。 １）画像を右に配置、文章を左に表示させる 写真や画像の横に文章を表示させることを画像の回り込みといいます。 サンプルとして、グリーンのりんごのイラストを右に配置してみました。 このときのHTMLは以下のようになります。 <img src="http://～～～/＊＊＊.jpg" align="right" />写真や画像の横に文章を表示させることを画
コピペで使えるマーカー風、下線、アンダーラインのインラインCSS
コピペで使えるインラインCSS第二弾。 文房具大好き！！！！ Uniball Signo(ユニボール シグノ)を全色揃えたい今日この頃です。 今日は文章を蛍光ペン（マーカー）や赤ペン下線を引いて強調したような装飾をご紹介します。 ちなみにマーカーの色は、本物の色にこだわって、カラーピッカーで抽出した色から色番号を出しました！！（狂気じみている（笑）） 蛍光ペン（マーカー） ★に装飾したい文章を入れてください。 ピンクのマーカー風 濃くて細め <span style="background:linear-gradient(to bottom, rgba(255,153,204,0) 60%, #ff99cc 60%);">★</span> 薄くて太め <span style="background:linear-gradient(to bottom, rgba(255,153,204,0)
『【保存版】コピペで使える囲み枠デザイン♪』
本気でアメブロカスタマイズ⚜スマホも♪ アメブロのスマホにもヘッダーを設置する方法や、css編集で出来る本気のアメブロカスタマイズ方法をお洒落なデザインでご紹介します♫ 今日のアメブロカスタマイズは 記事を書くときにコピペだけで使えるdivの囲み枠のデザインをご紹介します！ 目立たせたい場所や見出し、お知らせ、サイドバーなどにお使いください。 どのテンプレートをご使用中でも使えます。 以下サンプルから使用したい囲み枠を選んで HTML編集囲み枠コードをコピーしてお使いください。 初心者 Tips!----------------------- コピペする場合は必ずブログ記事を 『HTML表示』編集 にして貼り付けてくださいね。 ----------------------------------------- アメブロカスタマイズ 囲み枠 シンプル影付き囲み枠
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
