Scribd
Upload
5 views2 pages

Stylish CSS Table Design Guide

The document contains CSS code to style elements on a webpage including a table, paragraphs, headings, and buttons. Styles are applied for colors, positioning, sizing, fonts and other properties. Multiple classes are defined for reusability.

Uploaded by

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

Stylish CSS Table Design Guide

The document contains CSS code to style elements on a webpage including a table, paragraphs, headings, and buttons. Styles are applied for colors, positioning, sizing, fonts and other properties. Multiple classes are defined for reusability.

Uploaded by

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

* {

margin: 0;
padding: 0;}
.color {
background-color:rgb(244, 145, 135) ;
}

.left{
display:inline-block;
}
table, th, tr {
border: 1px solid white;

border-collapse: collapse;
height:80px;
text-shadow: #0b3b3b;
opacity: 87%;
width: 497px;
padding-right: 20px;

}
th, td {
background-color: #96D4D4;
width: 70px;
text-align: center;
text-shadow: #0b3b3b;
opacity: 100%;
}

p{
text-align: 120px;
text-shadow: 2px 2px 5px rgb(7, 73, 30);
padding-left: 80px;
padding-bottom: 15px;
padding-top: 15px;
background-color: #96D4D4;
width: 415px;
background-image: linear-gradient(to bottom right, rgb(0, 166, 255), rgb(255,
174, 163));
opacity:60% ;

}
h1{
padding-left: 67px;
font-size: 50px;
font-family: 'Amatic SC';font-size: 132px;
text-shadow: #0b3b3b;
z-index: 1;
position: relative;
}

.splash{
z-index:0;
position: absolute;
background:
repeating-conic-gradient(#00f 0 3%, #0000 0 11%),
repeating-conic-gradient(#0000 0 5%, #00f 0 7%) 50% 50% / 60% 60%,
repeating-conic-gradient(#0000 0 7%, #00f 0 9%) 50% 50% / 70% 70%,
repeating-conic-gradient(#0000 0 11%, #00f 0 13%) 50% 50% / 80% 80%,
radial-gradient(#00f #cd050500 0),
#fff;
box-shadow: 0 0 0 20px #fff;
background-repeat:no-repeat;
filter: blur(10px) contrast(50);
}
.secondhead{
position: relative;
display: inline-block;
padding-top: 0px;
}

.week{
display: inline-block;
/*text-align: right;*/
float:right;
width: 1020px;
padding-top: 165px;

.he{
width:20%;
height: 70%;
background-color: rgb(195, 155, 200)}

.previous{
width: 10%;
height: 18%;
padding-top:3px;
opacity: 50%;
border-radius: 40%;
border-style: none;
}
.next{
width: 10%;
height: 18%;
padding-top:3px;
opacity: 50%;
border-radius: 40%;
border-style: none;
}

.top{
width=100%;
background-color: rgb(195, 155, 200);
text-align: center;
font-size: 35px;
color: rgb(88, 4, 78) ;
font-family: 'Anonymous Pro';
}
.title{
text-align: center;
padding-bottom: 0%;
font-size: small;
}

You might also like