html和css介绍一下自己,用HTML和CSS仿作百度一下网页。

前端新手做的第一个网页，仿照了百度一下网页布局，还有很多特效没弄出来。

*{

padding: 0;

margin: 0;

}

.box1{

margin-top: 19px;

margin-bottom:5px;

display: inline-block;

clear: both;

float: right;

}

a{

margin-left: 18px;

line-height: 24px;

font-size: 13px ;

color: black;

text-decoration:underline;

font-weight: bold;

}

#zzr{

display: inline;

list-style: none;

}

.box1 li ul {

list-style: none;

display: none;

position: relative;

}

.box1 li:hover ul {

border: 1px solid #ccc;

color: #06f;

display: block;

position: absolute;

right: 60px;top: 38px;

}

.shezhi{

text-decoration: none;

font-weight: normal;

padding-right: 15px;

}

.more{

background-color: #38f;

color: #fff;

display: inline-block;

text-align: center;

text-decoration: none;

width: 60px;

}

#logo{

display: block;

text-align: center;

padding-top: 48px;

}

form{

text-align: center;

}

input{

padding:0 0 0 7px;

width: 538px;

height: 33px;

border: 1px solid #b6b6b6;

}

button{

width:100px;

height:36px;

border:0;

background-color: #3385ff;

color:#fff;

font-size: 15px;

}

form button:hover{

cursor: pointer;

}

百度一下

糯米

新闻

hao123

地图

视频

贴吧

登录

设置

• 搜索设置
• 高级搜索
• 关闭预测
• 搜索历史

更多产品

     

百度一下

效果图如下所示：

来源：https://www.cnblogs.com/lijiaming123/p/5875497.html