重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら＞

【GOLF me！】初月無料お試し

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

解決済

  • 質問者：mitsuemon
  • 質問日時：
  • 回答数：3件

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

ＦＣホームページ(以下ＦＣ２ＨＰと略します)
を、試験的に旗揚げしたばかりで
今迄ブログは複数運営してますが
ＨＰは作成が初めてです

それで、現在HTMLタグも勉強中なんですが
ＨＰ全体の背景に、自分がアップした画像を使用してます

但し、それでは文字が見え難い為
文字の周りだけ白抜きで表示させたいです

ただ、タグとしては
HTMLタグを使用して設定しました
その理由は、本来なら
スタイルシートの利用なんだと思いますが
そのスタイルシートの設定方法が分らない為
HTMLタグで使用しました

但し、ネットで検索すると
こういうＨＰの様に
http://www.homepage-tukurikata.com/hp/web.fc2.html
管理人が試験的に作ったスタイルシートは載ってます
しかし、どういう設定か迄は書いてなく
しかも、ネットで探すと管理人の考え(？)なのか？

複数の試験的スタイルシートを見掛けるんですが
意味が分からない為
これを応用して…と思っても出来ません

それで、現在設定してるタグは
下記の通りなんですが
背景の方は、解説してるＨＰの設定通りに
<body background="背景画像ＵＲＬ？" style="">
で設定しました

しかし、文字の周りの白抜きに関しては
みよう見真似と言うか
解説してるＨＰでの応用と考え
<font size="5" bgcolor="#FFFFFF">最初の見出し(？)タイトル</font>
と設定してみました

でも、当然ですが、付け焼刃で出来る訳も無い様で
全く反映しません
それで、現在の状況を画像で付けましたが
私が希望するのは、この状態で
漢字の「回」の字の様な感じが希望なんですが

要するに、今の状態はＨＰ全体に画像が入ってます
それを画像は「回」の外側の「口」で
文章が「回」の内側の「口」に入る様に設定したいです

ちなみに、現在のタグは
下記の様に設定してます、宜しく御願いします


<html>
<head>
<title>タイトル</title>
</head>
<body background="背景画像ＵＲＬ？" style="">
<p></p>
<p></p>
<p></p>
<p></p>
<p><a href="ブログＵＲＬ" target="_blank" title="ブログへ">ブログへ </a> <a href="ＵＲ

Ｌ" target="_blank" title="ルームへ">ルームへ </a></p>
<center>
<table border="3">
<tbody>
<tr>
<td><font size="5" bgcolor="#FFFFFF">最初の見出し(？)タイトル</font></td>
</tr>
</tbody>
</table>
</center>
<p></p>
<p>文章</p>
<p>文章</p>
<p>文章</p>
<p></p>
<p></p>
<p>文章</p>
<p><a href="ブログＵＲＬ" target="_blank" title="ブログへ">リンク先へ </a> <a href="Ｕ

ＲＬ" target="_blank" title="ルームへ">リンク先へ </a></p>
</body>
</html>

「ＨＰのタグで、文章のみ白抜きは？」の質問画像
通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (3件)

No.1ベストアンサー

  • 回答者： ngb666
  • 回答日時：

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


(1)TABLEタグを用いて背景を指定する
(2)SPANタグを用いて文字に背景色を指定する

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

SPANタグの例

<span style="background:背景色">文章</span>

TABLEタグの例

<table><tr><td bgcolor="背景色">文章</td></tr></table>

TABLEタグの場合<td bgcolor="背景色">とすればその1枠の中だけ、<table bgcolor="背景色">とすればテーブル全体の背景色を指定出来ます。

どのようなのが希望なのか説明が少々わかりにくかったので、
一応サンプル作ってイメージ画像も作っときました。添付画像参照。
上がTABLE、下がSPANです。
「ＨＰのタグで、文章のみ白抜きは？」の回答画像1
    • good
    • 0
    • 件
通報する
この回答へのお礼

回答有難う御座います

結論から言うと解決しました
考えてみれば、サブタイトルにテーブルを使用してるんですから
そのテーブルで、バックに白を使用すれば出来たんですよね？…

それと、SPANタグの件も有難う御座います
この方法に関しても知ってましたが
この状態だと、言われる通り
見栄えが悪い場合が存在するんですよね…

通報する
お礼日時：2010/06/21 19:32

No.3

  • 回答者： yh-daichan
  • 回答日時：

No2の追加画像です。

ウルトラマンの画像が無かったのでこんなんで申し訳ありません。

テーブルでの場合

<body background="背景画像URL" style="">
?
<table border="0"><tr><td><img src="作った白ふち画像URL" width="XXX" height="XXX" border="0"></td></tr></table>
「ＨＰのタグで、文章のみ白抜きは？」の回答画像3
    • good
    • 0
    • 件
通報する
この回答へのお礼

回答有難う御座います

ただスイマセン…
結論から言うと、ナンバー１さんの回答の方が正解です

しかし、御指摘頂いた方法は
私自身、全然知らず
ある意味たなぼた的に勉強出来ました
今後使用させて頂きます

通報する
お礼日時：2010/06/21 19:34

No.2

  • 回答者： yh-daichan
  • 回答日時：

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


その場合は文字を白ふち付き画像として作り、貼り付けることが一般的です。

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

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

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

今、見られている記事はコレ!

ページトップページトップ

Q質問する（無料）

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

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

おすすめ情報