我开始从头开始学习Web开发而不是使用拖放因此我想问这样的事情,作为一个新手。
现在,这会将代码带到屏幕的左侧,以便导航工作正常。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Home</title>
</head>
<link rel="stylesheet" type="text/css" href="style.css">
<body>
<div align="center">
<table border="0" width="93%">
<tr>
<td> </td>
</tr>
<tr>
<td><h1>Test</h1></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>
<div class="left">
<ul class="nav">
<li class="selected"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
<div class ="center">
</div>
</td>
</tr>
</table>
<p> </div>
</body>
</html>
CSS
@charset "utf8";
/*CSS Document*/
*{
padding:0px;
margin :0px;
}
h1{
font-family : arial, sans-serif;
font-weight:400;
height:60px;
width:100%
background-color:black;
line-height:60px;
color: white;
}
div{
width:250px;
height:666px;
background:#1a1a1a;
}
div a{
text-decoration:none;
color:white;
padding: 20px;
padding-right:100px;
}
div ul li{
list-style-type:none;
display:block;
padding:15px;
border-bottom: 1px solid #CCC;
}
div ul li:hover{
background:#bfbfbf;
transition:linear all 0.40s;
margin-left:10px;
}
div ul li a:hover{
color:black;
}
.selected{
background:white;
}
.selected a{
color:black;
}
答案 0 :(得分:0)
给予保证金:0自动,然后位置:绝对,最后左:0,右:0到你的班级。