パソコンやネットの知識は、ありますが
ブログは初心者です
それで、FC2ブログを始めて約1ヶ月ですが
背景色のタグの事で質問です
ただ、予め書かせて頂きますが
詳細を書いた為、長文に、なりました
申し訳ありません
以前ここでも質問したんですが
http://oshiete1.goo.ne.jp/qa5189060.html
違う疑問が出たんで新スレを立てました
まず、質問の主旨なんですが
文章の中で、特定の部分だけ背景色を入れたいと思いました
ただ、最初は分からなかった為
まず、調べたHPに載ってた
<span style="background-color: rgb(0, 204, 255);">
色を掛けたい文字</span>
を入れました
しかし、これでは文章の中で
特定の文字列の背景だけ掛かる事に、なります
それが下記画像の左なんですが
要するに、紙の文字でいう所の
蛍光ペンでラインを引いた様な状態です
その後、このHPを見つけて
http://www.d3.dion.ne.jp/~tiyoko01/7tagu/hashoku …
<body bgcolor="black" text="#ffffff">
<p>色を掛けたい文字</p>
で入れましたが、全く反映しませんでした
それで、上記スレで質問した所
<blockquote style="background-color:色">
色を掛けたい文字</blockquote>
このタグを教えて頂きました
ところが、このタグを入れると
確かに文章全体の背景に色は付きますが
その色の周りに枠が付いてきます
それが中央の画像です
ただ、この反映でも
何か別の目的の時には使用出来そうなんで
勉強には、なると思いました
しかし、今回の様な反映の時には
逆に邪魔に、なる時も、あると思います
それで、その事を質問すると
今度は別の方から
「border-width: 0px;で指定すれば良いのでは?」
との御指摘を頂いたんですが
意味が全く分かりませんでした
解釈が全く違うかも知れませんが
私自身、このタグは文章内に画像を入れた時に
入ってたタグとして認識してます
しかし、この枠の付いた背景では、画像じゃない為でしょう…
右クリックしてもプロパティが出ませんから
私の知識では入れようも、ありません
ただ、ここ迄調べた時
ある程度、専門用語(?)も把握出来たのか
このHPがヒットしました
そこに載ってたのが、このタグなんですが
<table bgcolor="#ffff33"><tbody><tr><td>
色を掛けたい文字</td></tr></tbody></table>
これで、やっと反映出来ました
それが一番右の画像です、そこで今回の質問ですが
聞きたいのが2つ
◆1、タグの色番号(?)が分からない
私が一番最初に設定したタグ
<span style="background-color: rgb(0, 204, 255);">
色を掛けたい文字</span>
ですが、最初は、この色を掛けようと
ちなみに、このタグは
FC2ブログの設定で
「記事の設定」から特定の文字列をドラック
「W」のアイコン…これは「高性能エディター」なんですが
それを選択、背景色をクリックしたら反映した訳です
しかし、目的の反映が成功したタグでは
「rgb(0, 204, 255)」「(0, 204, 255)」「: rgb(0, 204, 255);」
と入れたんですが、いずれも反映しませんでした
それで仕方が無く、反映したい色に近い色を
「文字に色を付ける」のアイコンから
一番近い色を選択、そのタグを入れたら
ようや反映した訳ですが、今回反映した色は
上記色のタグとは違う色で「#ffff33」ですが
この時、色が反映しなかった理由はなんでしょうか?
◆2、他の方紹介のタグと反映したタグ、どう違う?
上記で書いた、枠の付いたタグ
<blockquote style="background-color:色">
色を掛けたい文字</blockquote>
と
「border-width: 0px;で指定すれば良いのでは?」
と御指摘頂いたタグ
それと私が入れて反映出来たタグ
<table bgcolor="#ffff33"><tbody><tr><td>
色を掛けたい文字</td></tr></tbody></table>では
何か、どう違うんでしょうか?
No.1ベストアンサー
- 回答日時:
<table bgcolor="#ffff33">
これはHTMなので、色名か16進数で指定する事。
<span style="background-color: rgb(0, 204, 255);">
これはCSSなので、色名か16進数、そしてRGBの三原色の割合で指定可能。
つまり、
HTMLのbgcolorにRGBの三原色のrgb(0, 204, 255);などを指定してもダメ。
-----------------------------
左の画像は、文字に背景色を付けるので、マーカーの様になってしまう。
中の画像は、引用のblockquoteに元々のCSSで枠線を指定してあると思われるので、先の回答者さんはborder-width: 0px;で枠線を無効にしろと言っている。
右の画像は、tableを利用してHTMLでtable内に背景色を表示している。
------------------------------
結論は、
<p style="background: #FF3;">色を掛けたい文字</p>
↑これだけで良い。
ちなみにブログの場合は、XHTMLの仕様が多いので、
bgcolorなどが非奨励になっているため、
全体の背景色は、<body bgcolor="black" text="#ffffff">ではなく、
<body style="background: black; color:#FFF;">
などで希望通りになるはず。(複数の色指定方法がある)
------------------------------
ただし、CSSですでに先に色や枠などが指定されてしまっているので、
余計な問題が起きてくる場合がある。
この場合は、その元々のCSSを解除するか、上書きか変更してあげないと、
元々のCSSのデザインが優先して反映してしまうという事です。
そもそも、慣れれば、HTMLの直接編集ではなく、スタイルシートの変更で訂正する方が良いと思う。
HTMLとCSSを少し勉強すれば、これらの違いを理解できると思いますよ。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS HTMLで特定の文字だけ色を変えたいのですが、指定した色と違う色が反映してしまいます。 下記、「前」 5 2023/06/27 12:08
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- ヤフオク! ヤフオクに出品したいのですが、タグを実行出来ません。 2 2022/09/16 12:36
- HTML・CSS 角丸画像の背景色を透明にしたいです 1 2023/06/23 23:15
- フリーソフト GIMPの使い方 1 2022/07/11 13:52
- HTML・CSS htmlで質問です。 下記の文言を条件にならって画面ヘッダー下に入れたいのですが、どのように作成した 3 2022/10/19 08:54
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS HPに文章で改行はすべてBRタグとかで改行しなきゃだめなのですか?改行が活きたまま書く方法ないの? 1 2022/12/03 21:00
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- Excel(エクセル) こんなことできますか?例えば、sheetに貼り付けた図形のタイトルを、セルA1の文字で表示する。 5 2022/04/22 15:25
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
すいません真面目な質問です。 ...
-
ライブドアブログがタグ付けで...
-
livedoor blogってどうやって検...
-
毎日ブログを更新して3ヶ月がた...
-
Bloggerを使用している人のブロ...
-
livedoorブログ(ライブドアブロ...
-
「ライブドアブログ」のアクセ...
-
ライブドアブログの PV と U...
-
アマゾンプライムでクレジット...
-
ライブドアブログで記事にURLを...
-
ブログに関しまして。自分の書...
-
独自ドメインを使用したほうが...
-
YouTubeのコメントについてです
-
ライブドアブログを独自ドメイ...
-
ペットと話せる人
-
昨日、gooのブログを「別ウイン...
-
LINEに下記メッセージが届きま...
-
絵日記ブログ稼げますでしょうか?
-
検索ヒットについて!
-
ライブドアブログ でこのように...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
livedoor blogってどうやって検...
-
ライブドアブログの PV と U...
-
Bloggerを使用している人のブロ...
-
アマゾンプライムでクレジット...
-
はじめまして。 livedoor のブ...
-
ライブドアブログを独自ドメイ...
-
LINEに下記メッセージが届きま...
-
すいません真面目な質問です。 ...
-
ライブドアブログの新着エント...
-
アクセス数 と 訪問者数 の違い...
-
ライブドアブログ でこのように...
-
背景透過の画像を共有した際に...
-
Googleスプレッドシートで期日...
-
【ライブドアブログ】スマホ版...
-
livedoorブログ(ライブドアブロ...
-
ブログの作者・管理者に連絡を...
-
ブログに関しまして。自分の書...
-
パソコンでseesaaブログを始め...
-
livedoorブログのコメント欄を...
-
インスタのコメントについて質...
おすすめ情報