Skip to content

Instantly share code, notes, and snippets.

@greeneggsandmushrooms
Created October 29, 2017 18:55
Show Gist options
  • Save greeneggsandmushrooms/9a33f8462a9e5307571ac626329fc7b1 to your computer and use it in GitHub Desktop.
Save greeneggsandmushrooms/9a33f8462a9e5307571ac626329fc7b1 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html>
<head>
<title></title>
<style id="jsbin-css">
table{
background-color:orange;
border:6px dashed black;
}
td,th,p{
background-color:blue;
color:red;
}
p{
}
th{
background-color:black;
border:3px dashed maroon;
}
#changed{
border: 10px solid yellow;
}
</style>
</head>
<body>
<table>
<th>Item</th>
<th>Item</th>
<th>Item</th>
<th>Item</th>
<tr>
<td>Item</td>
<td>Item</td>
<td>Item</td>
<td>Item</td>
</tr>
<tr>
<td>Item</td>
<td>Item</td>
<td id="changed">Change</td>
<td>Item</td>
</tr>
</table>
<p>This is a paragraph</p>
<script id="jsbin-source-css" type="text/css">table{
background-color:orange;
border:6px dashed black;
}
td,th,p{
background-color:blue;
color:red;
}
p{
}
th{
background-color:black;
border:3px dashed maroon;
}
#changed{
border: 10px solid yellow;
}</script>
</body>
</html>
table{
background-color:orange;
border:6px dashed black;
}
td,th,p{
background-color:blue;
color:red;
}
p{
}
th{
background-color:black;
border:3px dashed maroon;
}
#changed{
border: 10px solid yellow;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment