div我可以在HTML中添加表单和其他

时间:2017-07-08 11:56:48

标签: html css

我开始从头开始学习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>&nbsp;</td>
        </tr>
        <tr>
            <td><h1>Test</h1></td>
        </tr>
        <tr>
            <td>&nbsp;</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>&nbsp;</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;
}

1 个答案:

答案 0 :(得分:0)

给予保证金:0自动,然后位置:绝对,最后左:0,右:0到你的班级。