From fb013daa8f3bffa82383bb47f10916ed0f909157 Mon Sep 17 00:00:00 2001 From: feizaile Date: Thu, 25 Apr 2019 20:42:23 +0800 Subject: [PATCH] xujiale todolist MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 想要担任前端开发 擅长python c++等语言 想要学习后端开发和运维 --- xujiale to-do list/css.css | 125 +++++++++++++++++++++++++++++++++++ xujiale to-do list/html.html | 32 +++++++++ 2 files changed, 157 insertions(+) create mode 100644 xujiale to-do list/css.css create mode 100644 xujiale to-do list/html.html diff --git a/xujiale to-do list/css.css b/xujiale to-do list/css.css new file mode 100644 index 0000000..de0bd1e --- /dev/null +++ b/xujiale to-do list/css.css @@ -0,0 +1,125 @@ +body { + margin: 0px; + padding: 0px; + font-size: 16px; + background-color: gainsboro; +} +header { + height: 50px; + background-color: PURPLE; +} +header section { + margin: 0 auto; + width: 40%; +} + +header section label { + float: left; + line-height: 50px; + font-size: 20px; +} + +#add_list { + float: right; + margin-top: 11px; + width: 60%; + height: 24px; + border-radius: 5px; + box-shadow: 0 1px 0 black; + font-size: 18px; + text-indent: 10px; +} + +h1 { + position: relative; +} + +h1 span { + position: absolute; + top: 1px; + right: 5px; + display: inline-block; + width: 23px; + height: 50px; + border-radius: 23px; + line-height: 23px; + font-size: 18px; + text-align: center; + background: #D200D2; +} + +.content { + width: 40%; + margin: 0 auto; +} + +li { + position: relative; + margin-bottom: 10px; + border-radius: 5px; + padding: 0 10px; + height: 32px; + box-shadow: 0 1px 0 black; + line-height: 32px; + background-color: burlywood; + list-style: none; +} + +ol li input { + position: absolute; + top: 4px; + left: 10px; + width: 20px; + height: 20px; + cursor: pointer; +} +p{ + margin: 0; +} +ol li p { + display: inline; + margin-left: 35px; +} + +ol li p input{ + top: 5px; + margin-left: 35px; + width: 70%; + height: 14px; + font-size: 14px; + line-height: 14px; +} + +ol li a { + position: absolute; + top: 8px; + right: 10px; + display: inline-block; + border: 1px; + border-radius: 50%; + width: 16px; + height: 16px; + font-size: 32px; + line-height: 10px; + color: red; + font-weight: bolder; + cursor: pointer; + background-color: gray; +} + +#clear { + width: 100px; + margin: 0 auto; +} + +#clearbutton { + border-color: red; + border-radius: 5px; + box-shadow: 0 1px 0 yellow; + cursor: pointer; +} + +button h3{ + font-size: 13px; + line-height: 13px; +} diff --git a/xujiale to-do list/html.html b/xujiale to-do list/html.html new file mode 100644 index 0000000..4f693ff --- /dev/null +++ b/xujiale to-do list/html.html @@ -0,0 +1,32 @@ + + + + + todolist + + + + +
+
+ + +
+
+ +
+

未完成

+
    +
+ +

已完成

+
    +
+
+ +
+ +
+ + +