<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>个人文集</title>
<style type="text/css">
body{
background-color: lightskyblue;
}
#container{
width: 700px;
height: 1000px;
margin: 0 auto;
}
#header{
position: relative;
}
#header .nav{
list-style-type: none;
text-align: center;
padding: 0;
margin: 0;
position: absolute;
top: 150px;
z-index: 1;
}
#header .nav li{
float: left;
}
#header .nav li a{
display: block;
color:black;
width: 100px;
text-decoration: none;
}
#header .nav li a:hover{
background-color: cornflowerblue;
}
#main{
position: relative;
}
#main #left{
width: 150px;
height: 600px;
text-align: center;
padding: 25px 10px 0 10px ;
background-color: darkturquoise;
font-size: 13px;
overflow: hidden;
}
页面俩列布局作业(html)
于 2022-05-11 18:00:31 首次发布