5月30号学习记录_5月30日-CSDN博客

本文链接：https://blog.csdn.net/SunChunKai1231/article/details/90713939

今天做了个简单的网页http://www.baidu-home.com/person/index.html
遇到平分页面要靠右上角居中的时候可以换一下包在里面的div位置；

Title

那些年的幸福时光剪影

作者寄语

官网介绍

心路历程

记录了一路走来的点点滴滴

作品展示

湘ICP备17022118号

*body{ margin:0px; padding:0px; } body{ background-image:url("bg.jpg"); } .container{ background-color:#FFFFFF; width:900px; height:550px; margin:50px auto; padding:5px; } .wrapper{ margin:20px auto; font-family:Serif; font-size:40px; background-color:#F6EFBB; width:850px; height:90px; padding:10px; } .body1{ margin:5px auto; background-image:url("bg1.jpg"); width:850px; height:90px; padding:10px; } .body2{ margin:5px auto; background-color:#9BB00D; width:870px; height:40px; padding:0px; } .bk1{ width:25%; height:40px; background-color:#90A218; color:#FFFFFF; padding:0; line-height:2.5; text-align:center; } .body3{ width:870px; height:150px; background-color:#F3F3F3; margin:0px auto; }.body4{ width:870px; height:70px; background-color:#F2F0F1; margin:0px auto; line-height:4; text-align:center; } a{ color:#976834; } a:link{

text-decoration:none;

}
a:hover{
color:#000000;
text-decoration:underline;
}
.chn1{
width:435px;
color:#444;
height:50px;
background-color:#F2F0F1;
margin:0px;
line-height:3;
text-indent: 20px;
font-weight: normal;
}
.chn2{
width:435px;
height:50px;
background-color:#F2F0F1;
color:#666666;
margin:0px;
line-height:2.5;
text-indent: 20px;
font-size:10px;
}
.chn3{
width:435px;
color:#444;
height:50px;
background-color:#F2F0F1;
margin:0px;
line-height:4;
text-indent: 20px;
}
.chn4{
float:right;
color:#899B0D;
width:435px;
height:50px;
background-color:#F2F0F1;
margin:0;
line-height:5;
right:410px;
text-indent: 200px;
}
.chn5{
float:right;
width:435px;
height:50px;
background-color:#F2F0F1;
margin:0;
line-height:5;
text-indent: 210px;
font-size:10px;
color:#666666;
}
.chn6{
float:right;
width:435px;
height:50px;
background-color:#F2F0F1;
}