• ベストアンサー

<li>(リスト)で、数字や記号に色を付ける方法

HTMLタグで リスト(<li>)というのがありますが、 これを使った場合で、文字ではなくその文字列の前に付く リストの記号やリスト番号に色を付ける方法はありませんか。 1.ABC 2.DEF 3.GHI の数字の部分に色を付けたいのですが。 単純には出来ないのでしょうか?

  • HTML
  • 回答数2
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
noname#29456
noname#29456
回答No.1

スタイルシートを使えばできなくもないと思われます。 たとえば以下のような感じです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> <STYLE type="text/css"> <!-- LI{ color : red; } --> </STYLE> </HEAD> <BODY> <OL> <LI>123 <LI>123 <LI>123 </OL> </BODY> </HTML> ただし、全てのブラウザの全てのバージョン・全ての設定で、 これがちゃんと色が付いて見えるかどうかはわかりません。

JUN-KUMA
質問者

お礼

お礼が遅くなりました。申しわけありませんでした。 スタイルシートの勉強まで、なかなか到達出来て いないので、まだ確認ができていないのですが、 後日、試してみようと思います。 どうも、ありがとうございました。 また、よろしくお願いします。

その他の回答 (1)

回答No.2

                       ・・ No.#1の回答でOKだと思いますが、数字の部分だけ色を変えたいのであれば、次のようにすれば良いと思います。IE3/N4以上で可能なようです。  ・  ・ <STYLE type="text/css"> <!-- LI { color : red; } SPAN { color : black; } --> </STYLE>  ・  ・ <OL> <LI><SPAN>ABC</SPAN> <LI><SPAN>DEF</SPAN> <LI><SPAN>GHI</SPAN> </OL>

JUN-KUMA
質問者

お礼

No.1の方にも、申しましたが、 お礼が遅くなりました。申しわけありませんでした。 単純なタグでは、ダメということなんですね。 スタイルシートの勉強まで、なかなか到達出来て いないので、まだ確認ができていないのですが、 後日、試してみようと思います。 どうも、ありがとうございました。 また、よろしくお願いします。

関連するQ&A

  • 番号付きリスト(<Ol><Li>・・・</Ol>)の数字を全角に。

    番号付きリスト(<Ol><Li>・・・</Ol>)の数字を全角に。 お世話になっております。 番号付きリスト(<Ol><Li>・・・</Ol>)の数字を全角にしたいのですが、 そのようなことはできるのでしょうか。 ご教授ください。よろしくお願いします。

    • ベストアンサー
    • HTML
  • リストの高さを揃えたい

    リスト2行を左右に並べて設置したいと思い、テーブルのセルの中にそれぞれ記述しました。 左のセルには5行、右のセルには4行あります。 右側が1行少ないことで、左右で高さが異なってしまいます。(図があります) どうも、右側のリスト全体がセルの中央に配置されている感じがします。 左右で高さを揃えたいのですが、その方法を教えてください。 HTMLとCSSは以下のとおりです (HTML) <table> <tr> <td class="sample"><ul> <li>ABC</li> <li>DEF</li> <li>GHI</li> <li>JKL</li> <li>MNO</li> </ul> </td> <td class="sample"><ul> <li>PQR</li> <li>STU</li> <li>VWX</li> <li>YZA</li> </ul> </td> </tr> </table> (CSS) .sample{ text-align: left; valign: top; padding: 0px; border: none; }

    • ベストアンサー
    • CSS
  • <ol><li>で表示されるリスト番号を、リンクに含めたい

    htmlで、<li>タグで表示される 1.リスト一 2.リスト二 などの数字(「1.」などの部分)がリンクに含まれないのですが、これにリンクをはる事は可能でしょうか? -1-2-3-4-5-6-7-8-9-・・・・・ といったような、連番の数字によるリンクをつくりたいのです。 javascriptなどに詳しくないのですが、もしそちらでも似たようなことができればお教えください。

  • エクセル関数:右側の文字列を抜き出す方法

    エクセル初心者です。 文字列の抜き出す方法で悩んでいます。 たとえば、A1~A5までに下のような 文字列が順に入っているとします。 C:\abc\TEST1.DOC C:\abc\def\TEST2.DOC C:\abc\def\ghi\jkl\TEST3.DOC C:\abc\def\ghi\TEST4.DOC C:\abc\def\TEST5.DOC これらの文字列の一番右側の'\'以降の文字列 (TEST1~5.DOC)を、B1~B5のセルに 出したいと思っているんですが できるのでしょうか? RIGHT関数や、LEN関数、FIND関数を使って できそうな気がするのですが どうも良い方法が思いつきません。 よろしくお願いします。

  • html <li>の中の文字一部に色を付けたい

    html内でリストを使っています。 一覧の中で一部にだけ文字色を変えたいので、以下のように書いてみました。 <ul> <font color=red><li>AAA</li></font> <li>BBB</li> <li>CCC</li> </ul> ですが、反映されませんでした。 以前、リストの中はタグがあまり使えないと教えていただいたのですが、色も染められないのでしょうか? 変えたい場合は、どのようにすればよいでしょう。 方法をご存じの方は、是非お教えください。 宜しくお願いします。

    • ベストアンサー
    • HTML
  • C言語のポインタと配列

    どうにも理解しようとしていますが全体像が理解できないので、わかっていることわからないことまとめていくのでバンバン指摘してくださるとうれしいです。 1.配列の宣言には int a[]; a[] = {1,2,3}ですが、コンピュータは{"1","2","3"}の部分の数を数えて[]に代入しているので、 int [][3] = {{1,2,3},{4,5,6}}のような配列を作ったとき[][3]の部分の左側の数字も勝手に代入している。 この時なぜ3が勝手に代入されないかがわからない 2.数字とメモリ int s = {1,2,3}をメモリ的に表現すると、123の順に並んでいる。s[1]=2 int s[][2] = {{1,2,3},{4,5,6}}をメモリ的に表現すると123456に並んでいる。s[1][1]= 5 ここまで文字列以外の配列は添え字だけで管理されている。 3.文字列とポインタ char s[] = "abc"とするとメモリ的にはabc\0であり、[]には4が代入され、s[1]はb自身を指す。 char *s = "abc"をメモリで表すとabc\0であり、\0が来るまでを文字列と認識する。 sは&s[0]とも表現できるように、最初のアドレスを指し示している。 char *s[]= {"abc","def"}をメモリ的に表現するとabc\0def\0であり、[]には2がコンピュータにより判断されて代入される。\0までを文字列として表現しようとする。s [1] は"def"の最初のアドレスを指し示すが、s[1][1]とするとe自身を指すようになる。この時、s[1] = &s[1][0]と表現することは可能であると考えられる。 文字列を直接さす場合でも、ポインタで表現する場合でも、\0が要素の最後に来るのでしょうか? また、{{"abc","def"},{"ghi","jkl"}}を文字列で直接表す場合は char s[2][2] = {{"abc","def"},{"ghi","jkl"}}; となるかと思いますが char *s[2][2] = {{"abc","def"},{"ghi","jkl"}}; とするとs[1][1]でghiの最初のアドレスを、s[1][1][0]でg自身を表せるようになるのでしょうか?

  • 文字列を配列にしたい

    お世話になります。 PHP4.3.9を利用しているのですが、以下のような文字列を分割して、求める形の配列に入れたいのですが、何か良い方法はありますでしょうか? ■文字列 abc=123&def=456&ghi=789 ■このような形にしたいと思っています↓ $hoge = array(   "abc"=>"123",   "def"=>"456",   "ghi"=>"789" ) ヒントだけでも結構ですので、ご教示いただけると幸いです。宜しくお願いします。

    • ベストアンサー
    • PHP
  • 「マッチしない」正規表現の書き方

    正規表現について、おたずねします。 文字列 abc,def,ghi のいずれかにマッチする正規表現は (abc|def|ghi) ですよね。 それでは、「abc,def,ghi のいずれにもマッチしない」正規表現は、どう書けばいいのでしょうか? あちこち調べましたが、どうしてもわかりません。 ただし、if $a =~ /(abc|def|ghi)/ などで、=~ を !~ に直す、というのはナシです。あくまでも右辺の式の中で表現したいのですが…

  • [SQL]重複内容を持つデータから1件抽出かつ複数のカラムを表示したい

    [SQL]重複内容を持つデータから1件抽出かつ複数のカラムを表示したい 初めてお世話になります。 データベース種別はH2です。 参考:http://www.h2database.com/html/main.html 下記のようなテーブルAがあるとします。   ID  |  TAG  | ―――――+―――――|   1   |  abc   |   1   |  def   |   1   |  ghi   |   2   |  abc   |   2   |  ghi   |   3   |  abc   |   3   |  def   |   3   |  ghi   |   4   |  abc   | 上記テーブルAから下記例のような結果を得られるSQLを知りたいのです。   ID  |  TAG  | ―――――+―――――|   1   |  abc   |   2   |  abc   |   3   |  abc   |   4   |  abc   | 上記結果でなくとも、   ID  |  TAG  | ―――――+―――――|   1   |  def   |   2   |  ghi   |   3   |  def   |   4   |  abc   | であっても構いません。(TAG列のデータはどんな内容でもよいです。) 実現させたいのは、 (1)ID列が重複しない結果を表示させたい、 かつ (2)TAG列も表示させたい ということです。 これでイケるだろ!と思ってあえなく失敗したSQLは下記です; select distinct(ID), TAG from A 宜しくお願い致します。

  • 文字列スカラを3バイトごとのリスト値にしたい、最後のは3バイトで無くてもいい。

    ある文字列を3バイト毎に配列に入れる書き方がわからず困っております。 $a = "ABCDEFGHIJK" @b = [ABC,DEF,GHI,JK]となって欲しいです。

    • ベストアンサー
    • Perl