#22 第二次试验练习css

hzuapps · Sep 27, 2017 · 2672efa · 2672efa
1 parent ffefcc7
commit 2672efa
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 2 deletions.
diff --git a/1517060322/1517060322.html b/1517060322/1517060322.html
@@ -2,10 +2,31 @@
 <html>
 <head>
 <title>第一个网页</title>
+<link href="style.css" rel="stylesheet" type="text/css">
 </head>
 <body>
 <a href="http://www.baidu.com">点这里到百度</a>
-<p>这是一个<b>没有什么内容</b>的段落</p>
-<table>XXXXXX</table>
+
+<p id="p1">这是一个<b>没有什么内容</b>的段落</p>
+<div id="div1"><p id="p2">这是第二个没有什么内容的段落</p2></div>
+
+<table id="table1" width="200" border="2">
+  <tr>
+    <td>&nbsp;</td>
+    <td>&nbsp;</td>
+    <td>&nbsp;</td>
+  </tr>
+  <tr>
+    <td>&nbsp;</td>
+    <td>&nbsp;</td>
+    <td>&nbsp;</td>
+  </tr>
+  <tr>
+    <td>&nbsp;</td>
+    <td>&nbsp;</td>
+    <td>&nbsp;</td>
+  </tr>
+</table>
+
 </body>
 </html>
diff --git a/1517060322/style.css b/1517060322/style.css
@@ -0,0 +1,14 @@
+@charset "utf-8";
+/* CSS Document */
+
+#p1 {
+    background-color: blue;
+}
+
+#div1{
+	background-color:red;
+	}
+
+#table1{
+	border:thin double #F00
+	}