当当网新用户注册界面——CSS代码

简介: 当当网新用户注册界面——CSS代码
<strong><span style="font-size:32px;color:#ff9966;">所有用到的图片都已上传,请在<a target=_blank href="http://download.csdn.net/detail/qq_34137397/9667142">这里</a>下载</span></strong>
<pre name="code" class="html">#register_header{
    background-image:url(../images/register_head_bg.gif);
    background-repeat:repeat-x;
    height:48px;
    border:solid 1px #CCC;
}
.register_header_left{
    float:left;
    margin:7px 0px 0px 40px;
    display:inline;
}
.register_header_right{
    float:right;
    margin:25px 20px 0px 0px;
    display:inline;
}
.register_content{
    width:950px;
    margin:15px auto 15px auto;
}
.register_top_bg{
    background-image:url(../images/register_top_bg.gif);
    background-repeat:no-repeat;
    height:5px;
}
.register_mid_bg{
    border:solid 1px #a3a3a3;
    border-top:0px;
    height:32px;
}
.register_mid_bg li{
    float:left;
}
.register_mid_left{
    background-image:url(../images/register_tag_left.gif);
    height:32px;
    width:207px;
    background-repeat:no-repeat;
    padding:0px 0px 0px 106px;
    font-size:14px;
    color:#501500;
    font-weight:bold;
    line-height:35px;
}
.register_mid_mid{
    background-image:url(../images/register_tag_mid.gif);
    height:32px;
    width:204px;
    background-repeat:no-repeat;
    padding:0px 0px 0px 115px;
    font-size:14px;
    line-height:35px;
}
.register_mid_right{
    background-image:url(../images/register_tag_right.gif);
    height:32px;
    width:316px;
    background-repeat:no-repeat;
    font-size:14px;
    line-height:35px;
    text-align:center;
}
.register_top_bg_two_left{
    float:left;
    background-image:url(../images/register_cont.gif);
    width:1px;
    height:406px;
    background-repeat:no-repeat;
}
.register_top_bg_two_right{
    float:right;
    background-image:url(../images/register_cont.gif);
    width:1px;
    height:406px;
    background-repeat:no-repeat;
}
.register_top_bg_mid{
    background-image:url(../images/register_shadow.gif);
    background-repeat:repeat-x;
}
.register_title_bg{
    background-image:url(../images/register_pic_01.gif);
    background-position:123px 30px;
    background-repeat:no-repeat;
    padding:42px 0px 0px 202px;
    color:#C30;
}
.register_dotted_bg{
    background-image:url(../images/register_dotted.gif);
    background-repeat:repeat-x;
    height:1px;
    margin:0px 20px 20px 20px;
}
.register_message{
    float:left;
    height:300px;
    width:900px;
}
.register_row{
    clear:both;
}
.register_row dt{
    float:left;
    width:200px;
    height:30px;
    text-align:right;
    font-size:14px;
}
.register_row dd{
    float:left;
    margin-right:5px;
    display:inline;
}
.register_input{
    width:200px;
    height:18px;
    border:solid 1px #999;
    margin:0px 0px 8px 0px;
}
.registerBtn{
    height:35px;
    margin:10px 0px 10px 200px;
    clear:both;
}
/*注册页面提示样式*/
.register_input_Blur{
    background-color:#fef4d0;
    width:200px;
    height:18px;
    border:solid 1px #999;
    margin:0px 0px 8px 0px;
}
.register_input_Focus{
    background-color:#f1ffde;
    width:200px;
    height:18px;
    border:solid 1px #999;
    margin:0px 0px 8px 0px;
}
.register_prompt{
    font-size:12px;
    color:#999;
}
.register_prompt_error{
    font-size:12px;
    color:#C8180B;
    border:solid 1px #999;
    background-color:#fef4d0;
    padding:0px 5px 0px 5px;
    height:18px;
}
.register_prompt_ok{
    background-image:url(../images/register_write_ok.gif);
    background-repeat:no-repeat;
    width:15px;
    height:11px;
    margin:5px 0px 0px 5px;
}
相关文章
|
2月前
CSS3注册表单文本框占位符特效源码
CSS3注册表单文本框占位符特效源码是一段简单的css3 input文本框占位符,placeholders占位符内容填写注册表单特效,非常有意思,欢迎有兴趣的朋友前来下载使用。
31 5
|
2月前
纯css3发光霓虹灯文字闪烁特效代码
纯css3发光霓虹灯文字闪烁特效代码是一款彩色的店铺名称文字动画特效。
42 6
|
2月前
纯css3加载loading发光变色动画代码
纯css3加载loading发光变色动画特效代码是一款基于css3 keyframes属性实现的发光变色圆点串联旋转loading加载动画
28 2
|
2月前
|
JSON 移动开发 数据格式
html5+css3+js移动端带歌词音乐播放器代码
音乐播放器特效是一款html5+css3+js制作的手机移动端音乐播放器代码,带歌词显示。包括支持单曲循环,歌词显示,歌曲搜索,音量控制,列表循环等功能。利用json获取音乐歌单和歌词,基于html5 audio属性手机音乐播放器代码。
152 6
|
5月前
|
前端开发
简单几行代码CSS实现网页自动打文字效果
简单几行代码CSS实现网页自动打文字效果
66 1
|
5月前
|
前端开发
零基础 CSS 入门问题之CSS 代码的一般格式是什么样的
零基础 CSS 入门问题之CSS 代码的一般格式是什么样的
|
18天前
一个好看的小时钟html+js+css源码
一个好看的小时钟html+js+css源码
89 24
|
5月前
|
前端开发
2s 利用 HTML+css动画实现企业官网效果
2s 利用 HTML+css动画实现企业官网效果
|
2月前
|
前端开发 测试技术 定位技术
如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤
本文深入介绍了如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤。通过实例展示了主页、关于我们、产品展示、新闻动态及联系我们等页面的设计与实现,强调了合理布局、美观设计及用户体验的重要性。旨在为企业打造一个既专业又具吸引力的线上平台。
84 7