From 214a68e914121f7ea48e8d747f1e283134102f81 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=BD=95=E7=8E=89=E7=90=AA?= <1592355137@qq.com> Date: Fri, 3 Dec 2021 17:34:24 +0800 Subject: [PATCH] zuoye --- h5+css3/h5+css3_03/01.css | 44 +++++++++++++ h5+css3/h5+css3_03/demo01.html | 12 ++++ h5+css3/h5+css3_07/demo01.html | 111 +++++++++++++++++++++++++++++++++ h5+css3/h5+css3_11/demo02.html | 38 +++++++++++ h5+css3/h5+css3_12/work.html | 67 ++++++++++++++++++++ 5 files changed, 272 insertions(+) create mode 100644 h5+css3/h5+css3_03/01.css create mode 100644 h5+css3/h5+css3_03/demo01.html create mode 100644 h5+css3/h5+css3_07/demo01.html create mode 100644 h5+css3/h5+css3_11/demo02.html create mode 100644 h5+css3/h5+css3_12/work.html diff --git a/h5+css3/h5+css3_03/01.css b/h5+css3/h5+css3_03/01.css new file mode 100644 index 0000000..82397ba --- /dev/null +++ b/h5+css3/h5+css3_03/01.css @@ -0,0 +1,44 @@ +#taiji{ + margin: 100px auto; + width: 0; + height: 500px; + border-left:250px solid black; + border-right: 250px solid white; + position: relative; + border-radius: 500px; + + +} +#taiji::after{ + + width: 250px; + height: 250px; + position: relative; + background-color: white; + left: -125px; + display: block; + content: ""; + z-index: 1; + border-radius: 50%; + box-shadow: 0 250px 0 black; + +} +#taiji::before{ + width: 75px; + height: 75px; + position: absolute; +background-color: black; + left:-50px ; + top: 75px; + content: ""; + box-shadow: 0 250px 0 white; + border-radius: 50%; + display: block; + z-index: 2; + + +} +*{ + background-color: beige; +} + diff --git a/h5+css3/h5+css3_03/demo01.html b/h5+css3/h5+css3_03/demo01.html new file mode 100644 index 0000000..31f9c86 --- /dev/null +++ b/h5+css3/h5+css3_03/demo01.html @@ -0,0 +1,12 @@ + + + + + + Document + + + +
+ + \ No newline at end of file diff --git a/h5+css3/h5+css3_07/demo01.html b/h5+css3/h5+css3_07/demo01.html new file mode 100644 index 0000000..753161a --- /dev/null +++ b/h5+css3/h5+css3_07/demo01.html @@ -0,0 +1,111 @@ + + + + + + + Document + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + + \ No newline at end of file diff --git a/h5+css3/h5+css3_11/demo02.html b/h5+css3/h5+css3_11/demo02.html new file mode 100644 index 0000000..f191931 --- /dev/null +++ b/h5+css3/h5+css3_11/demo02.html @@ -0,0 +1,38 @@ + + + + + + Document + + +
+ + + + + + + + + + + + + + + + + 哇哦！你真牛 + + + + + +
+ + \ No newline at end of file diff --git a/h5+css3/h5+css3_12/work.html b/h5+css3/h5+css3_12/work.html new file mode 100644 index 0000000..44d1d47 --- /dev/null +++ b/h5+css3/h5+css3_12/work.html @@ -0,0 +1,67 @@ + + + + + + Document + + + +
+

一个简单的表单

+
基本页面
+
+
+ 客户信息 + 名称： + +
+ 电话： + +
+ 电子邮件地址： + + +
+ +
+ + 书 + + 最大数量(5): + + + + + + + + + +
+
+
+ +
+ + + + +
+ + \ No newline at end of file -- Gitee