<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>注册网易免费邮箱</title>
<style>
body{
font-size:12px;
font-family:"宋体";
color: #333;
}
/*清除内边距和外边距*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
margin:0;padding:0
}
/*清空默认样式*/
a{
text-decoration: none;
color: #ccc;
}
/*清除ul li的列表标示*/
ul li{
list-style: none;
}
/*定义头部内容*/
.header{
width: 960px;
height: 80px;
margin: 0 auto;
padding-top: 28px;
}
.header .logo{
width: 644px;
height: 27px;
background: url("images/glb_v2.png") 0 0 no-repeat;
float: left;
}
.header .logo a{
display: inline-block;
width: 130px;
}
.header .links{
float: right;
}
.header .links a{
color: blue;
}
.content{
width: 960px;
height: 600px;
margin: 0 auto;
}
.content .title{
width: 960px;
line-height: 36px;
color: white;
background: url("images/bgx.png") 0 0 repeat;
}
.content .title h1{
font-size: 12px;
text-indent: 2em;
}
.content .main{
width: 960px;
height: 564px;
}
.content .main .mainLeft{
width: 624px;
height: 564px;
float: left;
border: 1px solid #ccc;
box-sizing: border-box;
border-top:none;
background-color: #f9f9f9;
padding-top: 50px;
padding-left: 80px;
}
.content .main .mainLeft .tips{
width: 560px;
height: 60px;
}
.
CSS编写静态网易注册界面
最新推荐文章于 2024-06-16 22:02:32 发布
本文通过CSS技术详细解析如何创建一个静态的网易注册界面,涵盖了布局、样式设计及交互效果,帮助读者掌握网页前端开发技巧。
摘要由CSDN通过智能技术生成