Skip to content

Instantly share code, notes, and snippets.

@gcyrillus
Forked from anonymous/dabblet.css
Created November 7, 2012 20:17
Show Gist options
  • Save gcyrillus/4034122 to your computer and use it in GitHub Desktop.
Save gcyrillus/4034122 to your computer and use it in GitHub Desktop.
/* ex de gcyrillus pour http://forum.alsacreations.com/topic-4-64523-1-CSS-et-bords-arrondies-sur-un-tableau-.html#lastofpage */
table {
font-size: .8em;
margin: 0 auto;
width: 96%;
background-color: #A41F1F;
border-collapse: separate;
border-spacing: 0px;
border-radius: 14px;
border:solid 2px #5D1212;
color:white;
}
table tr:first-child td {
border-top:none;
}
table tr:first-child {
border-radius:14px 14px 0 0 ;
}
table tr:last-child td {
border-bottom:none;
}
table tr:last-child {
border-radius: 0 0 14px 14px;
}
td {
padding: 5px;
border-top:solid 1px #5D1212;
border-bottom: solid 1px #5D1212;
}
tr:nth-child(odd) {background:#7F1818;}
tr:hover {background:green;}
/*truc en sus */
/* background tr qui deborde ? , cachez moi-ça avec un box-shadow si c'est possible :
même couleur que le fond ou pas */
body {background:#931C1C;padding:3em;}
table {box-shadow:-5px -5px 5px #931C1C, 5px 5px 5px gray ;
/* pour chrome et ? */ overflow:hidden; }
<table>
<tr><td>1</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td></tr>
<tr><td>cell</td><td>cell</td></tr>
</table>
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment