• ベストアンサー

cssで、ある単語の頭文字に特定の色をつけたい

bonjin99の回答

  • bonjin99
  • ベストアンサー率0% (0/1)
回答No.2

htmlにも記述する必要があります。 以下に例を挙げますのでご参照ください。 ●htmlに直接cssを記述した場合 abcdefg (↓「a」だけ赤色に指定) <span style="color:red;">a</span>bcdefg ●htmlにcssのクラス指定した場合 abcdefg (↓「a」だけ赤色に指定) <span class="redcolor">a</span>bcdefg 【css】 .redcolor {color:red;} (クラス名「redcolor」は任意で指定します)

関連するQ&A

  • CSSで文章の頭の一文字だけ、一文字送りたい

    CSSで文章の頭の一文字だけ、一文字送りたい(へこませたい)場合の記述を教えていただけませんか?

  • 特定の文字のみcssを適用するには?

    いつもお知恵拝借しておりますm(_ _)m さて、最近cssをかじり始めたところなのですが、ページ中の特定の文字(例えば「愛」)という文字のみにフォントスタイルを適用することは可能でしょうか? 現在は、「HTMLソース」の画面で「愛」という部分を「<font color="#cc0000">愛</font>」という風に置換させています。 これをcssで記述することが出来るかどうか?という質問です。 xp+ホームページビルダー10です。何とぞよろしくお願いします。

  • cssについて教えてください.3

    cssの記述の仕方ですが、基本dream weaverなどのソフトからの自動生成が多いと考えて良いですか??

  • リンキングCSSについて

    どうしても判らないので初心者的なのですが質問させていただきます。 タイトルにもありますように、リンキングCSSについてです。 読み込む元のcssファイルの記述なんですが、どの本、どのサイトを回っても H1{color:#○○○○○○} H2{color:#▲▲▲▲▲▲}等記述してあります。 頭の部分をH1にして読み込むと見出しになってしまうので嫌なのです。 また<p>にした場合ですと、複数記述が出来ません。 ためしに a{color:#○○○○○○} b{color:#▲▲▲▲▲▲}と記述してみましたところ、 これは綺麗に表示されました。 この表示の仕方でも大丈夫なのでしょうか? 「わからないならHEADに記述かインラインにすれば?」と思われる方も いらっしゃりますでしょうが、どうしてもリンキングにしたいのです。 とても困っています。 どなたか宜しくお願いいたします。

  • CSSの文字コード指定について

    XHTML1.1でマークアップを行っています。 文字コードは全てutf-8でまとめているので外部CSSファイルの1行目に“@charset "utf-8";”と記述していますが、CSSを読み込むための記述は <link rel="stylesheet" type="text/css" href="css/base.css" media="all" title="#"/> と <link rel="stylesheet" type="text/css" href="css/base.css" media="all" charset="utf-8" title="#"/> では厳密にはどちらの方が正しいのでしょうか? 2つの違いは“charset="utf-8"”の有無です。

    • ベストアンサー
    • CSS
  • htmlとcssを分けたい。

    http://www.7key.jp/hp/_ex/9.html このページの様にhtmlとcssを使い左右に均等な余白を作りたいのですが、 このページの記述方法だと、htmの中にcssが書き込まれています。 このページの記述方法と同じで、 この記述を外部cssにとして分けたいのですが、 方法、出来れば、ソースを書き込んで回答してくれるとありがたいのですが、 どうか、宜しくお願いします。

    • ベストアンサー
    • HTML
  • CSS3について

    CSS3について初歩的というか、本当にお恥ずかしい質問を何点かさせてください。 自分で調べてみても初歩的すぎて(常識すぎて)わかりませんでした。 1、自分はHTML4.01とCSS2.1しか使ったことがないのですが、CSS3はHTML4.01にも使えるのでしょうか??(よく「HTML5&CSS3」という名目で本が並んでいるので、、、)CSS3とHTML4.01の組み合わせは一般的でなかったりするのでしょうか? 2、CSSファイルの頭に記述する文字コード?の「@charset "UTF-8";」、また、拡張子は「.css 」のままですか?もしそうなら、CSS3の文法さえ守っていさえすればCSS3ということでしょうか? 3、htmlに外部ファイルとしてリンクさせる場合の記述もCSS2.1と同じなのでしょうか? 質問がまとまってなくてすいません。どなたか教えていただけないでしょうか?? 宜しくお願いいたします!

    • ベストアンサー
    • CSS
  • CSSについて

    どうもこんばんわ 現在CSSについて勉強中です 色々なサイトへ行ってCSSを眺めてるんですが <link rel="stylesheet" type="text/css" href="sample.css" media="all" /> こうゆうHTMLファイルのヘッダーに記述されていないCSSは見れないんでしょうか? よろしくお願いします~^0^

    • ベストアンサー
    • CSS
  • html上の文字やリスト全部をcssに記述

    html上の文字やリスト全部をcssに記述して、 それを読み込んでブラウザに表示することは可能でしょうか? つまりブラウザ上でソースをチェックすると、 表示されている文字はcssに記述されているので、 検索エンジンからは文字は認識されない状態です。

    • ベストアンサー
    • HTML
  • CSSの正しい記述の仕方

    CSSの記述の仕方なんですが、下記のような書き方は正しいのでしょうか? .f14 {font-size: 14px;} .bold {font-weight: bold;} .red {color: #FF0000;} <p class="f14 bold red">あいうえお<div> HTMLには構成要素、CSSにはデザイン要素のみを記述と考えると正しくない気がしますが、 何度も使うような場合は、この方がCSSが短くなるので使っています。 どうなんでしょうか? 気にしすぎでしょうか。

    • ベストアンサー
    • HTML