improved CSS 2.0

code93 · code93 · commit fbb68c62fc39 · 2021-06-23T16:57:49.000+05:30
Added Background Image and Opacity 0.8 to give mixed effect.
diff --git a/Project/Website/static/styles.css b/Project/Website/static/styles.css
@@ -1,8 +1,14 @@
-body {
+#bg {
     background-image: linear-gradient(to right, crimson , navy);
     padding: 20px;
 }
 
+body {
+  background-image: url("green code.jpg");
+  background-repeat: round;
+  opacity: 0.8;
+}
+
 .center {
     color: yellowgreen;
 }
diff --git a/Project/Website/templates/layout.html b/Project/Website/templates/layout.html
@@ -6,7 +6,7 @@
     <link rel="icon" href="../static/anonymous logo.jpg" type="image/icon type">
     <title>Cyberspace Gateway</title>
 </head>
-<div>
+<div id="bg">
   <nav>
     <div id="mySidenav" class="sidenav">
       <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
