diff --git a/CSSTutorial/WebContent/Basic.html b/CSSTutorial/WebContent/Basic.html
index 203ea22..ce56f05 100644
--- a/CSSTutorial/WebContent/Basic.html
+++ b/CSSTutorial/WebContent/Basic.html
@@ -3,6 +3,7 @@
Basic CSS Example
+
diff --git a/CSSTutorial/WebContent/myStyle2.css b/CSSTutorial/WebContent/myStyle2.css
index d62557a..dfe412b 100644
--- a/CSSTutorial/WebContent/myStyle2.css
+++ b/CSSTutorial/WebContent/myStyle2.css
@@ -2,8 +2,11 @@
body {
padding-left: 11em;
- color: purple;
- background-color: #d8da3d }
+ color: #586e75;
+ background-color: #fdf6e3; }
+p {
+ font-family: Helvitica, sans-serif;
+ color: #657b83; }
ul.navbar {
list-style-type: none;
padding: 0;
@@ -11,12 +14,17 @@ ul.navbar {
position: absolute;
top: 2em;
left: 1em;
- width: 9em }
+ width: 9em;
+ color: #268bd2 }
ul.navbar li {
- background: white;
+ background: #eee8d5;
margin: 0.5em 0;
padding: 0.3em;
- border-right: 1em solid black }
+ border-right: 1em solid #93a1a1; }
ul.navbar a {
text-decoration: none }
+
+a {
+ color: #268bd2
+}
\ No newline at end of file
diff --git a/CSSTutorial/WebContent/myStyleDivsFloat.css b/CSSTutorial/WebContent/myStyleDivsFloat.css
index 1340f36..fe44af3 100644
--- a/CSSTutorial/WebContent/myStyleDivsFloat.css
+++ b/CSSTutorial/WebContent/myStyleDivsFloat.css
@@ -1,28 +1,28 @@
@CHARSET "US-ASCII";
#box1 {
- width: 100%;
+ width: 75%;
height: 200px;
background-color: #ABC;
margin: 10px 20px;
padding: 10px;
- float:left
+
}
#box2 {
- width: 300px;
- height: 100px;
+ width: 25%;
+ height: 20%;
background-color: #007BAD;
border-style: solid;
- border-color: black;
+ border-color: pink;
border-width: 4px;
margin: 2em;
- float:left
+ clear: both
}
#box3 {
- width: 10em;
- height: 5em;
+ width: 10%;
+ height: 5%;
background-color: red;
margin: 25px 50px 75px 100px;
- float:left
+ float: right;
}
\ No newline at end of file