[解決済み] span を使わずに HTML リストの箇条書きの色を変更する
2023-03-10 16:05:43
質問
リスト内の箇条書きの色を変更する方法はないでしょうか。
このようなリストがあります。
<ul>
<li>House</li>
<li>Car</li>
<li>Garden</li>
</ul>
liの中にspanやpを挿入することができません。そこで、何かスマートな方法で、箇条書きの色を変え、テキストを変えることはできないでしょうか?
どのように解決するのですか?
画像を使用することができれば、これが可能です。また、画像がないと、箇条書きの色だけを変えて、テキストの色を変えることはできません。
画像を使用する
li { list-style-image: url(images/yourimage.jpg); }
参照
画像を使用しない場合
それから、HTMLマークアップを編集して、リストの中にspanを含め、liとspanを異なる色で着色する必要があります。
関連
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] ページを再読み込みせずにURLを変更するにはどうすればよいですか?
-
[解決済み] 箇条書きのない順序なしリストが必要です。
-
[解決済み] セレクトボックスのプレースホルダーを作成するにはどうすればよいですか?
-
[解決済み] divの内容を下に揃える方法
-
[解決済み] inline/inline-block要素間のスペースを削除するにはどうすればよいですか?
-
[解決済み] ロリポップの最新版Chromeでヘッダーバーやアドレスバーの色を変更する方法とは?
-
[解決済み] div内の画像の下に余分なスペースがある
-
[解決済み】なぜHTMLは "chucknorris "を色と見なすのか?
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] <html xmlns="http://www.w3.org/1999/xhtml">」は何をするものですか?
-
[解決済み] HTMLで複数選択を許さないリストボックスを作るには?
-
[解決済み] セレクトボックスのプレースホルダーを作成するにはどうすればよいですか?
-
[解決済み] リンクを新しいタブまたはウィンドウで開く[重複]。
-
[解決済み] 複数のノンブレイキングスペース("nbsp")ではなく、タブスペースを使用しますか?
-
[解決済み] Bootstrap3による垂直方向の整列
-
[解決済み] input type="file "ボタンのスタイリング
-
[解決済み] テーブル内のテキストアラインクラス
-
[解決済み] label要素の中にinput要素を入れるべきですか?
-
[解決済み] UL/LIのhtmlリストで、画像やspanタグを使わずにCSSで箇条書きの色を設定する方法【重複