HTML开发博客之注册页面设计（二）

创建注册内容

      
  
 
 
 
 
 首页
 
科技资讯
 
心情随笔
 
资源收藏
 
图文图片
 
留言板
 
登陆/注册
 
 
 
 
 
注册账号已有账号直接登陆
 
 
 
 
  

然后对样式进行修改

#box{ width: 900px; height: 370px; background-color: white; margin: 0 auto; margin-top: 50px; padding: 50px; } #box p{ text-align: center; } .p_line{ border-bottom: 1px solid #bbbbbb; height: 40px; line-height: 50px; } .txtBox{ border: 1px solid #bbbbbb; width: 350px; margin-top: 30px; height: 50px; padding-left: 10px; border-radius: 5px; } .btn { width: 365px; height: 50px;; color: white; background-color: #DD0000; margin-top: 25px; }

对box元素，限定宽度和高度，改变颜色，居中显示，调整距离，p标签使文字居中，对输入框依次进行样式美化，加边框，调整颜色高度,，完成效果如下。