Skip to content

Instantly share code, notes, and snippets.

@Shakil-Shahadat
Last active November 23, 2020 22:49
Show Gist options
  • Save Shakil-Shahadat/24ed61346f763026c174 to your computer and use it in GitHub Desktop.
Save Shakil-Shahadat/24ed61346f763026c174 to your computer and use it in GitHub Desktop.
Some Common CSS Styles I Regularly Use
body
{
font-family: 'Segoe UI', Verdana, Arial, Helvetica, sans-serif;
background-color: whitesmoke;
line-height: 26px;
}
.container
{
background: white;
border: 1px solid silver;
padding: 50px;
box-shadow: 0 4px 8px 0 rgba( 0, 0, 0, 0.2 ), 0 6px 20px 0 rgba( 0, 0, 0, 0.19 );
width: 960px;
margin: auto;
margin-top: 20px;
}
/*
Multi-column layout
*/
div
{
column-count: 3;
column-gap: 180px;
column-rule: 1px dotted;
}
/*
Removing underline from anchor tags
*/
a
{
text-decoration: none;
color: #0033FF;
}
a:visited
{
color : #00CCCC;
}
a:hover
{
color: Magenta;
text-decoration: underline;
}
/*
Table Styles
*/
table
{
border-collapse: collapse;
}
th, td
{
border: 1px solid lightgray;
padding: 10px;
text-align: center;
}
/*
Zebra Striping Tables
*/
table tr:nth-child ( odd )
{
background: #eee;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment