每日總結（22/3/10）
阿新 • • 發佈：2022-03-13
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>鞏文彬-3.2</title>
<style type="text/css">
* {margin:0;padding:0;}/*去掉頁面樣式*/
body{color:blue;}
.content{
background-color:yellow;
left:0;
width:100%;
height:400px;
margin-top:0px;
overflow:hidden;/*隱藏滾動條*/
}
.main{
text-align:center;/*文字居中*/
max-width:600px;
height:400px;
padding:100px 0px;/*上下80px,左右為0*/
/*background:yellow;*//*驗證div的位置*/
margin:0 auto;/*設定上右下左,居中顯示*/
}
.main h1{
font-family:"楷體";/*設定字型*/
font-size:70px;/*設定字型大小*/
font-weight:2px;/*調整字型粗細*/
border-radius:30px;
background: pink;
}
form{
padding:20px 0;
}
form input{
border:1px solid white;
display:block;
margin:0px auto 10px auto;/*上 右 下 左*/
padding:10px;
width:220px;
border-radius:30px;/*H5設定圓角邊框*/
font-size:18px;
font-weight:300;
text-align:center;
}
form input:hover{
background-color:pink;
}
form button{
background-color:#ccc;
border-radius:10px;
border:0;
height:30px;
width:50px;
padding:5px 10px;
}
form button:hover{
background-color:red;
}
</style>
</head>
<body>
<div class="content">
<div class="main">
<h1>資訊學院</h1>
<form>
<input type="text" name="useid" placeholder="請輸入賬號"/>
<input type="password" name="pw" placeholder="請輸入密碼">
<button type="submit">登 錄</button>
<button type="submit">注 冊</button>
</form>
</div>
</div>
</body>
</html>
寫了會作業。