add 6

DataEraserC · DataEraserC · commit b0c9dcc2bf3d · 2022-09-24T22:16:00.000+08:00
diff --git a/html/6.css b/html/6.css
@@ -0,0 +1,3 @@
+h2 {
+    color:yellow;
+}
diff --git a/html/6.html b/html/6.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" type="text/css" href="6.css">
+    <link rel="stylesheet" type="text/css" href="id.css">
+    <style type="text/css">
+        p {
+            color: green;
+            background-color: brown;
+        }
+    </style>
+</head>
+
+<body>
+    <h1 style="color:blue">blue</h1>
+    <!--inline-->
+    <p>green</p>
+    <h2>yellow</h2>
+    <h3 id="para1">id</h3>
+    <h3 class="para2">class</h3>
+    <h3 class="para2 para3 para4">class</h3>
+    <h3 id="para1" class="para2">id+class</h3>
+    <h3 id="para5">para5</h3>
+    <h3 style="text-decoration: underline">underline</h3>
+</body>
+
+</html>
diff --git a/html/id.css b/html/id.css
@@ -0,0 +1,26 @@
+#para1 {
+    color: aquamarine;
+    text-align: center;
+}
+
+.para2 {
+    background-color: rgb(255, 128, 64);
+}
+
+.para2.para3.para4 {
+    color: aqua;
+}
+
+body {
+    background-image: url('9baka&Mayuri.png');
+    background-repeat: no-repeat;
+    /*background-size: 30% 30%;*/
+    background-position: right;
+}
+.para5 {
+    text-align: justify;
+}
+.para6 {
+    text-align: justify;
+    text-decoration: underline;
+}
