求助css语法； 边框的设置。谢谢！！

来源：百度知道 编辑：UC知道 时间：2024/05/17 09:19:23
title>无标题文档</title>
<style>
BODY,DIV,UL,LI {
PADDING: 0px; TEXT-ALIGN: center;margin:0
}
#sidebar{
width:202px;
}
#sidebarbottom{
height:50px;
border:1px solid #000000;
}
#menu{
width:200px;
}
#menu ul{
list-style-type:none;
}
#menu ul li{
background:#000099;
width:40px;
margin-left:0px;
height:5px;
border-top:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
float:left;
color:#FFFFFF;
text-align:left;
}
#menu ul li a:hover{
background:#FFFFFF;
height:100px;
text-decoration:underline;
}
</style>
</head>

<body>
<div id="sidebar">
<div id="menu">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">留言板</a></li&

为了达到你的效果，并且符合WEB2.0标准，我把行为与结构分离，

<<html>
<head>
<title>无标题文档</title>
<style>
BODY,DIV,UL,LI {
PADDING: 0px; TEXT-ALIGN: center;margin:0
}
#sidebar{
width:202px;
}
#sidebarbottom{
height:50px;
border:1px solid #000000;
}
#menu{
width:400px;
}
#menu ul{
list-style-type:none;
}
#menu ul a:hover{
background:#FFFFFF }
#menu ul li{
background:#000099;
width:80px;
border-top:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
float:left;
color:#FFFFFF;
text-align:left;
}
#menu ul li a:hover{
background:#FFFFFF;
text-decoration:underline;
}
</style>
<script type="text/javascript">
window.onload=function(){
if(document.readyState=="complete")
{
var a