<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>待办事项</title>
</head>
<body>
<div class="nav">
<input type="text">
<button>新建任务</button>
</div>
<div class="container">
<div class="todo">
<h3>未完成</h3>
<div class="row">
</div>
</div>
<div class="done">
<h3>已完成</h3>
</div>
</div>
<style>
.nav{
/*background-color: red;*/
height: 100px;
width: 800px;
margin: 0 auto;
display: flex;
align-items: center;
}
.nav input{
height: 50px;
width: 600px;
}
.nav button{
width: 200px;
height: 50px;
background-color: chocolate;
color: white;
Javascript实现待办事项案例
最新推荐文章于 2024-01-22 08:35:22 发布