html{
font-size:100px;
}
body{
background: rgb(239,239,239);
}
body,a,h3,span{
padding:0;
margin:0;
text-decoration: none;
}
.header{
background: #26A69A ;
height: 0.44rem;
font-size:0.14rem;
color: white;
padding-left:0.17rem;
padding-right: 0.25rem;
text-align: center;
line-height: 0.44rem;
}
.header>a{
color: white;
float: left;
}
.header>.btn{
float: right;
padding-top:0.1rem;
}
.btn>span{
border-radius: 100%;
display: block;
width: 0.04rem;
height: 0.04rem;
background: white;
margin-top: 0.03rem;
}
.username{
height: 0.72rem;
background: white;
border-bottom: 1px solid #E0E0E0 ;
padding-left: 0.17rem;
padding-right: 0.12rem;
padding-top: .12rem;
}
.username>img{
width: 0.48rem;
height: 0.48rem;
object-fit: cover;
margin-right: 0.12rem;
float: left;
border-radius: 0.1rem;
}
.username>.text{
height: 0.48rem;
float: left;
}
.username .name{
font-size: 0.15rem;
margin-bottom: 0.08rem;
}
.username .haha{
font-size: 0.12rem;
color: #5D5D5D;
}
.right{
font-size:0.12rem;
float: right;
margin-top: 0.12rem;
}
.right>a{
font-size: 0.12rem;
}
.right>.img,.right>.back{
display: inline-block;
vertical-align: middle;
}
.address,.safe,.shezhi,.secrt,.view,.other{
font-size: 0.14rem;
padding-left: 0.17rem;
border-bottom: 1px solid #E0E0E0 ;
height: 0.65rem;
line-height: 0.65rem;
padding-right: 0.12rem;
background: white;
}
.safe{
margin-top:0.13rem;
margin-bottom: 0.13rem;
}
.view{
margin-bottom: 0.13rem;
}
.address>a,.safe>a,.shezhi>a,.secrt>a,.view>a,.other>a{
float: right;
}
.footer{
margin-top: 0.2rem;
height: 0.5rem;
font-size: 0.16rem;
border:1px solid red;
border-radius: 0.05rem;
width: 2.99rem;
text-align: center;
line-height: 0.5rem;
margin-left: 0.35rem;
}
<
设置
你好你好 会员名:哈哈哈哈 >我的收获地址
>
账户与安全
>
地区设置
>
隐私
>
通知
>
关于平台
>
退出当前账号
更多推荐
html编写app页面,html5写一个简单的手机app的设置界面
发布评论