代码拉取完成,页面将自动刷新
*{
margin: 10px;
/* background-color: rgb(40, 38, 38);
color: blanchedalmond; */
text-align: center;
}
body{
background-color: rgb(40, 38, 38);
color: blanchedalmond;
}
#appheader #dontSelect{
}
#dontSelect{
user-select: none;
}
#game_header_data_nickname{
user-select: none;
color: rgb(182, 211, 255);
}
#game_header_data_gold{
user-select: none;
color: rgb(182, 211, 255);
}
#game_header_data_coin{
user-select: none;
color: rgb(182, 211, 255);
}
#game_header_data_level{
user-select: none;
color: rgb(182, 211, 255);
}
input{
background-color: rgb(255, 255, 255);
color: rgb(0, 0, 0);
font-size: 20px;
height: 30px;
}
#app{
display: flex;
flex-direction: column;
}
#btn{
background-color: rgb(222, 147, 35);
color: white;
font-size: 20px;
width: 150px;
height: 50px;
}
#game_header{
display: flex;
flex-direction: row;
/* justify-content:space-between; */
}
#login_panel_bg{
display: flex;
flex-direction: row;
justify-content: center;/* justify-content:一定要配合flex布局来使用*/
}
#login_panel{
display: flex;
flex-direction: column;
justify-content: center;
background-color: gray;
width: 500px;
height: 300px;
border: solid 2px black;
border-radius: 38px;
box-shadow: 3px 5px 15px rgb(0, 0, 0);
}
#game_title{
width: 100%;
justify-content: center;
}
#game{
display: flex;
flex-direction: row;
justify-content: space-between;
}
#main_game_area{
display: flex;
flex-direction: column;
width: 100%;
}
#game_area{
width: 100%;
}
#game_view{
display: flex;
width: 100%;
flex-direction: row;
justify-content:space-between;
}
/*这里是最右侧的游戏系统提示区域*/
#game_system{
display: flex;
flex-direction: column;
width: 390px;
background-color: gray;
border: solid 1px white;
}
#game_header{
display: flex;
flex-direction: row;
width: 100%;
/* justify-content: center; */
background-color: gray;
border: solid 2px yellowgreen;
}
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。