よろしくお願いします。
Webブラウザでも文字や線が崩れない<pre>~</pre>ですが、文章の中の文字を赤色にしたいのですが黒のままです。
 このタグの中に色をつけることは出来ないのでしょうか?
 もし出来るのでしたらやり方を教えてください。

このQ&Aに関連する最新のQ&A

adfとは」に関するQ&A: ADFとは?

A 回答 (4件)

はじめまして。



CSSを使って、

<pre style="color:指定したい色">

文章

</pre>

で可能ですよ。
    • good
    • 0
この回答へのお礼

早速ありがとうございます。
説明不足でした!
 教えてもらったとおりしたら全体的に色を変えることはできたのですが、文章の中の1箇所だけとか色をつけたいと思っています。
 1箇所だけつけることがなぜかできないみたいです。

お礼日時:2005/01/10 21:12

<pre style="color:blue">



  adf  <!--青色表示-->

<span style="color:red">

  asdf  <!--赤色表示-->

</span>

</pre>

上記表記で確認した所、可能でした。
参考までに。
    • good
    • 0
この回答へのお礼

ありがとうございました。
このようにするんですね。
色づけ出来ました!

お礼日時:2005/01/11 10:29

色を付けたい場所で、


CSSの場合 <div style= color:" #ff2255">赤色</div>、
または<font color=" #ff2255">赤色</font>とすれば
その部分だけ色が変わります。
タグは必ず半角で入れていないとだめです。
    • good
    • 0
この回答へのお礼

ありがとうございました。
参考になりました

お礼日時:2005/01/11 10:27

通常の<FONT>タグでも色つけは出来ると思うのですが、


それでは無理でしょうか?

でしたら、<SPAN style="color=○○">色を変えたい文字</SPAN>
(○○は色の名前orカラーコード)でも変えることが出来ると思います。

ちなみに<FONT>タグの場合は、
<FONT color="○○">色を変えたい文字</FONT>です。
(○○は<SPAN>と同じ)

以上参考になれば嬉しいです。
    • good
    • 0
この回答へのお礼

早速ありがとうございます。
説明不足でした!
 全体的を赤色にすることは出来るのですが、
文章の中の1箇所だけとか色をつけたいと思っています。
 1箇所だけつけることがなぜかできないみたいです。

お礼日時:2005/01/10 21:10

このQ&Aに関連する人気のQ&A

adfとは」に関するQ&A: ADFとは?

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

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q
内の

をそのまま表示するには?

あ<h1>テスト</h1>あ

上記テキストをそのまま表示したいのですが、<pre></pre>を使うと、<h1>タグが認識されて

テスト(←見出し文字になる)

となってしまいます。

<h1>タグ自体をそのまま表示するにはどのようにすればよろしいでしょうか?

Aベストアンサー

「<」「>」「&」等は実体参照で記述する必要があります。

< = &lt;
> = &gt;
& = &amp;

<h1>ならば「&lt;h1&gt;」のように。

Q
の最後を改行しない

エディタで書いたのがそのままHTMLで表示されるようにしたいのです。

改行のたびに<br>を使うのも一つの方法だと思いますが、それは避けたいです。

<pre>を使うと最後も改行してしまうので、テーブル等を使うと最後に空行ができてしまいます。
<pre>に最後の改行をしないというオプションでもあればよいのですが、調べたところどうやらないみたいです。

何かよい方法はないでしょうか。

Aベストアンサー

pre {
margin-bottom:0px;
}
で、「余白」が消えると思いますが、どうでしょうか。

Q
  • カテゴリ名

  • でh2の文字を小さくしたい

    H2の文字を小さくしたいと考えていますが、
    スタイルシートでなかなか再現できません。
    下記のように設定していますが間違いがありますでしょうか?

    xxx.html
    <div id="box-cat">
    <ul>
    <li><h2>カテゴリ名<h2></li>
    <li><h2>カテゴリ名<h2></li>
    </ul>
    </div>

    xxx.css
    #box-cat {
    width:200px;
    }

    #box-cat h2 {
    font-size:11px;
    font-weight:normal;
    }


    お力をお貸し下さい。

    Aベストアンサー

    ★そもそも<LI>タグで<H2>タグを使っているのが間違いかもね。
    ・どうして<H2>タグなの?→<LI>タグにいろいろと記述すればよいのでは?
     下に2つの解決策を載せます。どうぞ。

    解決策1:
    #box-cat H2{
     MARGIN:0em 0em 0em 2em; ←ここがポイント!
     FONT-SIZE:11px;
     FONT-WEIGHT:normal;
    }
    ※『#box-cat』と『xxx.html』はそのままで良い。

    解決策2:
    #box-cat2 LI{
     FONT-SIZE:11px;
     FONT-WEIGHT:normal;
    }
    ※『#box-cat』はそのままで良い。

    ●xxx.html
    <UL id="box-cat">
    <LI>カテゴリ名
    <LI>カテゴリ名
    </UL>

    ・以上です。これで一様、文字は小さくなりました。→私の環境での結果論!

    QCSS:

    CSS:<ul>と<li>の間に<!--と-->を入れても、Dreamweaverでソースフォーマットの適用をおこなうとソースの改行が自動的に変わてしまうので、ナビゲーションの並びが崩れてしまいます。
    適用は必要なので困っております。
    ナビゲーションが崩れないほかの方法はないものでしょうか?

    Aベストアンサー

    > 現象が見られなかったということですが、ごめんなさい、私が間違っておりました。
    > リストでGlobalNavigationをつくる場合、横並びにしたときだけ勝手に改行される話でした!
    > 今回は縦並びなので関係ありませんでしたね!

    えーと…"#hdr-nv li"で"display:inline;"と定義されていますので、「縦並び」にはならない筈ですが?
    どうも状況がよく飲み込めませんが、問題があったのは"#hdr-nv"ではなく、別スレッドでポストされている"#nv-global"まわりのことだった、ということでしょうか。

    まあいずれにせよ多分 http://oshiete1.goo.ne.jp/qa3900200.html スレッドの方で解決策を得られているかと思いますので、本件は終了ということですね。

    蛇足ですが:

    > ただ、リストのGlobalNaviを横並びに配置したときは本当になるんです。
    > コメントタグをつけて改行無しで<li>から</li>までを記述しないと
    > ナビゲーション画像群が途中で改行してしまうんです。
    > Dreamweaverの例の処理をしてしまうと、一行で記述していても勝手に改行させて整形されてしまうので問題となる、という話です。

    その場合は先程回答した様に、<li>を横並びにする手段を"display: inline;"ではなく(displayは初期値のblockのまま)"float: left;"で置き換えれば、コードの改行の有無(</li>と次の<li>の間でも、<li>とその子要素の<img>の間でも)に関係なく余分な隙間はできなくなりますから、フォーマットの適用をしたとしても問題はなくなると思います。

    > 現象が見られなかったということですが、ごめんなさい、私が間違っておりました。
    > リストでGlobalNavigationをつくる場合、横並びにしたときだけ勝手に改行される話でした!
    > 今回は縦並びなので関係ありませんでしたね!

    えーと…"#hdr-nv li"で"display:inline;"と定義されていますので、「縦並び」にはならない筈ですが?
    どうも状況がよく飲み込めませんが、問題があったのは"#hdr-nv"ではなく、別スレッドでポストされている"#nv-global"まわりのことだった、ということでしょうか。

    まあいずれ...続きを読む

    Q<ul>タグを使うと勝手に<p>タグになる

    どなたか教えてください・・ワードプレスでサイトを作っています。

    <ul>などのリストタグを使うと、その前にある文章が<p></p>でくくられてしまいます。
    <br />にしても、リストタグを使うとそうなってしまうのですがどうすればいいでしょうか。
    なぜ、勝手にタグが書き換えられてしまうのか知りたいのです。

    これはもうワードプレスのシステムの問題で自動的にそうなってしまうのでしょうか・・そのへんのことはよくわからないのですが。この質問をするにあたって何をお伝えすればいいのかわからないので、疑問な点ありましたら聞いてください。追記いたします。


    <p>タグは行送りの間隔が広いのでデザイン的に見映えが悪くなり、使いたくないのです。
    テーブルを使うなどするしかないんでしょうか?
    表とかはあまり使うなと先輩にいわれているので、できればこの問題を解決できればうれしいです。よろしくおねがいいたします。

    Aベストアンサー

    通りすがりですが、wordpress使いとしてひとこと。
    ブログ内の文章は基本的にp要素でくくられる必要がありますし(div要素内に直接文章を書くべきではない)、p要素の中に他のブロック要素を含めてはいけないというルールもあります。
    従って、wordpressが

    <p>テキスト</p>
    <ul>
    <li>リスト</li>
    <li>リスト</li>
    </ul>
    <p>テキスト</p>

    のように直してくれるのは正しいのだと私は思います。

     > <p>タグは行送りの間隔が広いのでデザイン的に見映えが悪くなり、使いたくないのです。

    ということであれば、記事内のp要素のmarginをCSSファイルで調整すればよいのではないかと思います。

    参考URL:http://bakera.jp/ref/html/element/p


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

    おすすめ情報