ＨＰのタグで、文章のみ白抜きは？

Question

ＨＰのタグで、文章のみ白抜きは？ＦＣホームページ(以下ＦＣ２ＨＰと略します) を、試験的に旗揚げしたばかりで今迄ブログは複数運営してますがＨＰは作成が初めてですそれで、現在HTMLタグも勉強中なんですがＨＰ全体の背景に、自分がアップした画像を使用してます但し、それでは文字が見え難い為文字の周りだけ白抜きで表示させたいですただ、タグとしては HTMLタグを使用して設定しましたその理由は、本来ならスタイルシートの利用なんだと思いますがそのスタイルシートの設定方法が分らない為 HTMLタグで使用しました但し、ネットで検索するとこういうＨＰの様に http://www.homepage-tukurikata.com/hp/web.fc2.html 管理人が試験的に作ったスタイルシートは載ってますしかし、どういう設定か迄は書いてなくしかも、ネットで探すと管理人の考え(？)なのか？複数の試験的スタイルシートを見掛けるんですが意味が分からない為これを応用して…と思っても出来ませんそれで、現在設定してるタグは下記の通りなんですが背景の方は、解説してるＨＰの設定通りにで設定しましたしかし、文字の周りの白抜きに関してはみよう見真似と言うか解説してるＨＰでの応用と考え最初の見出し(？)タイトルと設定してみましたでも、当然ですが、付け焼刃で出来る訳も無い様で全く反映しませんそれで、現在の状況を画像で付けましたが私が希望するのは、この状態で漢字の「回」の字の様な感じが希望なんですが要するに、今の状態はＨＰ全体に画像が入ってますそれを画像は「回」の外側の「口」で文章が「回」の内側の「口」に入る様に設定したいですちなみに、現在のタグは下記の様に設定してます、宜しく御願いしますタイトル

ブログへルームへ

最初の見出し(？)タイトル

文章

リンク先へリンク先へ

ngb666 · Accepted Answer

まず方法は2つあります。 (1)TABLEタグを用いて背景を指定する (2)SPANタグを用いて文字に背景色を指定する SPANタグは必要な文字のみ背景を付ける事が出来るので容易ですが、複数行に行うと行と行の間に隙間が出来てしまい、はっきり行って文章が見辛いです。複数行の文章がまとめてある場合、TABLEタグで囲って背景を付けた方が見やすいです。ただテーブルタグはちょっと必要な記載も多くなるので面倒…とまぁそれぞれの特徴があるので場合によって使い分けると良いでしょう。 SPANタグの例文章 TABLEタグの例

文章

TABLEタグの場合とすればその1枠の中だけ、とすればテーブル全体の背景色を指定出来ます。どのようなのが希望なのか説明が少々わかりにくかったので、一応サンプル作ってイメージ画像も作っときました。添付画像参照。上がTABLE、下がSPANです。

yh-daichan · Answer

No2の追加画像です。ウルトラマンの画像が無かったのでこんなんで申し訳ありません。テーブルでの場合 ?

yh-daichan · Answer

No1さんの方法が一般的にはそうですが、たぶんやりたい事は文字の枠を白くするのではなく、文字に影のように白ふちを付けたいのではと思いますが？
その場合は文字を白ふち付き画像として作り、貼り付けることが一般的です。

画像ソフト系の「文字ふちどり線」で作り方を調べて下さい。
背景の透過処理も必要と思います。

ＨＰのタグで、文章のみ白抜きは？

まず方法は2つあります。

No2の追加画像です。

No1さんの方法が一般的にはそうですが、たぶんやりたい事は文字の枠を白くするのではなく、文字に影のように白ふちを付けたいのではと思いますが？

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング