Skip to content

Instantly share code, notes, and snippets.

@mariomui

mariomui/index.html

Created September 25, 2018 00:00
Show Gist options
  • Save mariomui/0c267c41e02ee6d0d6eb536120e2f37e to your computer and use it in GitHub Desktop.
Save mariomui/0c267c41e02ee6d0d6eb536120e2f37e to your computer and use it in GitHub Desktop.
Download ZIP
JS Bin // source http://jsbin.com/yinopan
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<div class="renderbox">
<style scoped>
h1 {
font-size: 18pt;
}
p {
font-size: 12pt;
}
table.one {
border-collapse: collapse;
}
table.two {
border-collapse: separate;
}
td.a {
border-style: dotted;
border-width: 3px;
border-color: #000000;
padding: 10px;
}
td.b {
border-style: solid;
border-width: 3px;
border-color: #333333;
padding: 10px;
}
table {
margin-bottom: 20px;
}
</style>
<table class="one">
<tr>
<td class="a">cell a collapse</td>
<td class="b">cell b collapse</td>
</tr>
<tr>
<td class="b">cell b collapse</td>
<td class="a">cell a collapse</td>
</tr>
</table>
<h2>border-collapse:separate</h2>
<table class="two">
<tr>
<td class="a">cell a separate</td>
<td class="b">cell b separate</td>
</tr>
<tr>
<td class="b">cell b separate</td>
<td class="a">cell a separate</td>
</tr>
</table>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment