<スパルタ2日目-1>ログインページの作成
今日は「ログインページ」を作成しました.
ビット登録ページは画像として添付されている.コードは以下を参照してください. IDとPWの入力ボックスごとにinputラベルとbuttonラベルを使用します! 角タイヤ位置決め時、背景-色を背景色として変化し、つかみやすい!
<style>
.mytitle {
width: 300px;
height: 200px;
color: white;
text-align: center;
background-image: url("https://www.ancient-origins.net/sites/default/files/field/image/Agesilaus-II-cover.jpg");
background-size: cover;
background-position: center;
border-radius: 10px;
padding-top: 20px
}
.wrap {
width: 300px;
margin: auto;
}
.mybtn {
width: 100px;
margin: auto;
display: block;
}
</style>
</head>
<body>
<div class="wrap">
<div class="mytitle">
<h1>로그인 페이지</h1>
<h5>아이디, 패스워드를 입력해주세요</h5>
</div>
<p>ID : <input type="text"/></p>
<p>PW : <input type="text"/></p>
<button class="mybtn">로그인하기</button>
</body>
</html>Reference
この問題について(<スパルタ2日目-1>ログインページの作成), 我々は、より多くの情報をここで見つけました https://velog.io/@kimks18/스파르타2일차-로그인-페이지-만들기テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol