※ ChatGPTを利用し、要約された質問です(原文:cssの質問です。)
フッターテキストの色を白にする方法
このQ&Aのポイント
CSSを使用してフッターテキストの色を白くする方法について教えてください。
現在、フッターテキストが紫色になってしまっていますが、どのように修正すれば白くできるのでしょうか?
お手数ですが、フッターテキストの色を白にする方法を教えていただけないでしょうか?
フッターの文字を白くしたいのですが、なぜか紫になってしまいます。
どうすれば白くなるでしょうか?
回答のほう、よろしくお願いします。
html
<div id="footer">
<ul>
<li><a href="yahoo.co.jp">会社概要</a></li>
<li><a href="yahoo.co.jp">当社掲載記事</a></li>
<li><a href="yahoo.co.jp">環境活動</a></li>
<li><a href="yahoo.co.jp">採用情報</a></li>
<li><a href="yahoo.co.jp">プライバシーポリシー</a></li>
<li><a href="yahoo.co.jp">特定商取引に基づく表示</a></li>
<li><a href="yahoo.co.jp">すしおけ</a></li>
<li><a href="yahoo.co.jp">当社へのリンク</a></li>
<li><a href="yahoo.co.jp">リンク</a></li>
<li><a href="yahoo.co.jp">サイトマップ</a></li>
<li><a href="yahoo.co.jp">ブログ</a></li>
</ul>
</div>
スタイルシート
#footer{
width:900px;
height:50px;
background-color:orange;
padding: 20px;
color: white;
}
#footer ul{
list-style-type: none;
margin: 0;
padding: 0;
font-size: 12px;
color: white;
}
#footer li{
float: left;
width: 180px;
height: 20px;
margin-bottom:5px;
margin: 0;
color: white;
}
#footer a:link {
color: white;
}
#footer a:visited { color: purple; }
#footer a:hover { color: blue; }
お礼
ありがとうございます^^ おかげで無事に解決しました!