Scribd
Upload
3 views2 pages

CSS Styles for Webpage Backgrounds

The document contains CSS styles for a webpage, including body background settings and root variables for colors. It defines a container with specific dimensions, padding, and background gradients, as well as styling for text and borders. Additionally, it includes positioning for a canvas element with a high z-index for layering purposes.

Uploaded by

ganyu3578
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
3 views2 pages

CSS Styles for Webpage Backgrounds

The document contains CSS styles for a webpage, including body background settings and root variables for colors. It defines a container with specific dimensions, padding, and background gradients, as well as styling for text and borders. Additionally, it includes positioning for a canvas element with a high z-index for layering purposes.

Uploaded by

ganyu3578
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

body{

margin: 0;

background-image: url(images/[Link]);

background-size: cover;

background: radial-gradient(ellipse at top, #001a4d 0%, #000814 100%);

min-height: 100vh;

:root{

--white: #ffffff;

--light: rgba(233, 249, 255, 0.9);

--yellow: #00d9ff;

--title: #00ffcc;

--dark: #0a1628;

.container{

box-sizing: border-box;

width: 900px;

background-size: 100vh;

margin: 20px auto;

padding: 1rem;

box-sizing: border-box;

color: var(--white);

font-family: system-ui;

font-size: 12px;

background: radial-gradient(ellipse at top, rgba(0, 80, 130, 0.7) 0%,


rgba(0, 15, 40, 0.95) 100%);

border: 2px solid rgba(0, 255, 200, 0.15);


border-radius: 8px;

box-shadow: 0 0 25px rgba(0, 200, 200, 0.25);

#canv{

position:absolute;

left:0;

top:0;

z-index:99;

You might also like