1
フォントの配置に問題があります。私はCSSを使って新しいことを学んでいます。私はこれまで私の小さなプロジェクトでこれまでに来てくれてうれしいです:)しかし、この時点で私は何をすべきか分かりません。CSS - ボタンのフォントを移動できません
私はフォントを上に移動cant't：現時点では、このようになります。私はパッドを付けて試しました&マージン。私はいつもそれを上下に動かすことができます。誰かが私を助けてくれることを願っています。その高さと同じ値に.btnsにline-heightを設定
body {
margin: 0 auto;
}
.container {
width: 400px;
height: 380px;
border-radius: 6px;
text-align: center;
background-color: rgba(51, 51, 51, 0.8);
margin: 0 auto;
margin-top: 20%;
}
.form-input {
margin-top: auto;
}
.btns {
background-color: rgba(36, 153, 0, 0.7);
border-radius: 6px;
border: none;
width: 300px;
height: 75px;
margin-top: 39px;
color: white;
font-size: 60px;
font-family: Sun Valley;
text-align: left;
padding-left: 90px;
top: -10px;
}
.btn_login {
position: absolute;
width: 60px;
height: 60px;
background-image: url(../imgs/login.png);
background-size: contain;
background-repeat: no-repeat;
margin-top: 46px;
margin-left: 15px;
}
.btn_register {
position: absolute;
width: 60px;
height: 60px;
background-image: url(../imgs/register.png);
background-size: contain;
background-repeat: no-repeat;
margin-top: 46px;
margin-left: 15px;
}
.btn_rules {
position: absolute;
width: 60px;
height: 60px;
background-image: url(../imgs/rules.png);
background-size: contain;
background-repeat: no-repeat;
margin-top: 46px;
margin-left: 15px;
}
@font-face {
font-family: "Sun Valley";
src: url(../fonts/sun_valley.ttf);
}<html>
<link rel="stylesheet" href="css/loginscreen.css"></link>
<body>
<div class="container">
<div class="box">
<div class="form-input">
<em class="btn_login"></em>
<button class="btns"><em class="test">Anmelden</em></button>
</div>
<div class="form-input">
<em class="btn_register"></em>
<button class="btns">Registrieren</button>
</div>
<div class="form-input">
<em class="btn_rules"></em>
<button class="btns" type="button" onclick="js/">Regelwerk</button>
</div>
</div>
</div>
</body>
</html>
どのフォント？それを示す。 – Ehsan