※ ChatGPTを利用し、要約された質問です(原文:CSSを使いたいのですが上手くいきません)
このQ&Aのポイント
CSSを使ってテーブル型のメニューの背景色をマウスオンで変えたいのですが、うまくいきません。
CSS解説のウェブページを見たのですが、どこが間違っているのか分かりません。
ご教授いただける方がいらっしゃいましたら、お願いします。
テーブル型のメニューを
マウスオンで背景の色を変えたいのですが…
CSSの解説HPを見たのですが、どこの記述に誤りがあるのか
恥ずかしながら分かりません。
お分かりになる方いらっしゃいましたら、ご教授お願い致します。
<html>
<head>
<meta Http-equiv="content-type" Content="text/html; charset=Shift_JIS">
<title>テスト</title>
<style type="text/css">
<!--
container{
width:100px;}
container ul{
margin:0;
padding:0;
list-style:none;
border-top:1px solid
#666666;
border-left:1px solid
#666666;
font-size:small;
line-height:150%;
border-right:1px solid
#666666;}
container ul li{
margin:0;
padding:0;
display:inline;}
container ul li a{
margin:0;
padding:5px 0;
width:180px;
display:block;
text-align:center;
color:#000000;
text-decoration:none;
background:#CCCCCC;
border-bottom:1px solid
#666666;}
container a:hover{
color:#FFFFFF;
text-decoration:none;
background:#666666;}
-->
</style>
</head>
<body>
<div id="container">
<ul>
<li><A Href="01.html" Title="test">test1</A></li>
<li><A Href="02.html" Title="test">test2</A></li>
</ul>
</div>
</body>
</html>
お礼
有難うございました 無事、狙ったとおりにできました 本当に助かりました。 恥ずかしながら、まだまだCSS等分かっておりませんので またご質問することがあるかもしれませんが その時は、また宜しくお願い致します。