标题 button{ background: #686868; border: 30px solid #c6c6c6; /*solid边框30px*/ border-radius: 80%;/*圆角边框*/ cursor: pointer; /*光标样式*/ width: 85px; height: 85px; position: absolute;/*位置*/ right:900px; top: 200px; }button:hover{ background: #c6c6c6; border-color:#686868 ;}
登录界面 * /*内外边距*/ { margin:0px; padding:0px; } /*body*/ body{ background:url('245.jpg'); position:relative; padding:150px; font-family:verdana; } /*登录窗口主体*/ #loginform { width:210px; height:auto; position:relative; margin:0 auto; } input { display:block; margin:0px auto 15px; border-radius:5px; background: #c6c6c6; width:85%; padding:12px 20px 12px 10px; border: none; color:#686868; box-shdow:inset 0px 1px 5px #000000; font-size:0.85em; } button { background: #c6c6c6; border-radius:80%; border:30px solid #686868; cursor:pointer; width: 85px; height:85px; position:absolute; right: -42px; top:54px; } button:hover { background: #686868; border-color:#c6c6c6; } h1 { text-align:center; color:#c6c6c6; font-size:15px; padding:10px 0px; } /*注册和忘记密码效果设置*/ #note { color:#88887a; font-size: 0.8em; text-align:left; padding-left:5px; } a { color:#88887a; text-decoration:none; } a:hover { color:#39F; margin-left:1px; } /*登录窗口主体背景*/ #mainlogin { float:center; width:250px; height:170px; padding:15px 15px; position:relative; background:#686868; border-radius:7px; opacity:0.9; }
欢迎登录
注册 忘记密码
查看更多关于sunnyday_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did109735