CSS问题

华亭真人 2009-01-16 11:27:36

为什么block效果没出来呢？？？？？

<style>

<!--



body {

	background-color: #009900;

}



#navigation{

	width:200px;

	font-family:Arial;

	}

#navigation ul{

	list-style-type:none;

	margin:0px;

	padding:0px;

	}

#navigation li{

	border-bottom:1px solid #ED9F9F;

	

	}

#navigation li a{

	display:block;

	padding:5px 5px 5px  0.5em;

	text-decoration:none;

	border-left:12px solid #711515;

	border-right:1px solid #711515;

	background:#000000;

	}

#navigation li a:link,#navigation li a:visited{

	background-color:c11136;

	color:#FFFFFF;

	background:#000000;



	}

#navigation li a:hover{

	background-color:#990020;

	color:#ffff00;

	}

	

-->

   

</style> 

    <body>

        <div id="navigation">

         <ul>

                <li><a href="#">Home</a></li>

              <li><a href="#">News</a></li>

             <li><a href="#">Sports</a></li>

             <li><a href="#">Weather</a></li>

                <li><a href="#">Contact</a></li>

            </ul>

        </div>

        

    </body>

...全文

79 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

华亭真人 2009-01-16

打赏
举报

要鼠标移到方块上就变色啊,现在只有到文字上才有效果

Atai-Lu 2009-01-16

打赏
举报

什么意思啊？
现在链接没法显示么？

华亭真人 2009-01-16

打赏
举报

哈哈 ~~谢谢了~

迈克雷（MichaelRay） 2009-01-16

打赏
举报

#navigation li a{

    display:block;

    padding:5px 5px 5px  0.5em;

    text-decoration:none;

    border-left:12px solid #711515;

    border-right:1px solid #711515;

    background:#000000; 

    width:200px

    }

增加
width:200px

迈克雷（MichaelRay） 2009-01-16

打赏
举报

#navigation li a{

    display:block;

    padding:5px 5px 5px  0.5em;

    text-decoration:none;

    border-left:12px solid #711515;

    border-right:1px solid #711515;

    background:#000000; 

width:200px

    }