반응형
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>simple input form</title>
<style>
body {
background-color : rgb(165, 158, 158);
}
.box1 {
text-align : center;
width : 80px;
height: 10px;
float : left;
margin-top : 4px;
}
input {
border-radius: 30px;
background-color : white;
border : 1px;
margin-top : 5px;
width : 170px;
height : 20px;
}
</style>
</head>
<body>
<h1>간단한 입력 양식</h1>
<div class = "box1">아이디</div> <input type = "text"> <br>
<div class = "box1">비밀번호</div> <input type = "text"> <br>
<div class = "box1"></div> <input type = "submit" style = "width : 175px; height : 22px;">
</body>
</html>반응형
'HTML5' 카테고리의 다른 글
| 7-preview, 7-1, 7-2 (0) | 2020.11.02 |
|---|---|
| 6-12, 6-13 (0) | 2020.11.02 |
| html5 웹프로그래밍 입문 Chapter4. 연습문제 9번 (0) | 2020.10.29 |
| html5 웹프로그래밍 입문 Chapter4. 연습문제 8번 (0) | 2020.10.28 |
| html5 웹프로그래밍 입문 Chapter3. 연습문제 12번 (0) | 2020.10.28 |