登录页面-html-css

梨涡柚子茶*

于 2021-06-09 15:52:44 发布

阅读量783

点赞数

本文链接：https://blog.csdn.net/apple_58104230/article/details/117745364

版权

这篇博客主要介绍了如何使用HTML和CSS技术设计一个功能齐全、视觉吸引人的登录页面。通过结合基本的HTML标记和CSS样式，创建了输入框、按钮等元素，并实现了布局和美化。

摘要由CSDN通过智能技术生成

 body{
    		background:url("14.jpg");
    		background-repeat:no-repeat;
    		background-size:100% auto;
    	}
    	#login-box{
			width: 375px;
			height:375px;
            border-radius: 50%;
			margin:0 auto ;
			margin-top:13%;
			text-align:center;
			background-color:rgba(244, 251, 251, 0.5)
            
			}

            @keyframes turn{
            0%{-webkit-transform:perspective(400px) rotateY(180deg);} 
            100%{-webkit-transform:perspective(400px) rotateY(0deg);} 
        }

		#login-box h1{
            padding-top: 30px;
            color:#fff;
		}
		#login-box .form .item{
			margin-top:15px;
		}
		#login-box .form .item i{
			font-size:18px;
			color:#fff;
		}
		#login-box .form .item input{
			width:180px;
			font-size:18px;
			border:0;
			border-bottom:2px solid #fff;
			padding:5px 10px;
			background:#f