Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Fetching contributors…

Cannot retrieve contributors at this time

87 lines (73 sloc) 2.356 kb
<!DOCTYPE html>
<html>
<head>
<title>Tests for background gradients</title>
<style type="text/css">
table {
border: 1px solid blue;
background: #EEF;
margin: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
width: 50%;
behavior: url(../build/PIE_uncompressed.htc);
}
th {
border: 1px solid red;
/*background: #FEE;*/
padding: .5em 2em;
}
td {
border: 1px solid green;
/*background: #EFE;*/
padding: .5em 2em;
}
#test1 {
border-collapse: separate;
border-spacing: 5px;
}
#test2 {
border-collapse: collapse;
}
.rounded {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #FCC;
background: -webkit-gradient(0 0, 0 100%, from(#FCC), to(#C99));
background: -moz-linear-gradient(#FCC, #C99);
-pie-background: linear-gradient(#FCC, #C99);
behavior: url(../build/PIE_uncompressed.htc);
}
</style>
</head>
<body>
<table id="test1">
<thead>
<tr> <th>Head 1</th> <th>Head 2</th> <th>Head 3</th> </tr>
</thead>
<tfoot>
<tr> <th>Foot 1</th> <th>Foot 2</th> <th class="rounded">Foot 3</th> </tr>
</tfoot>
<tbody>
<tr> <td>Body 1</td> <td>Body 2</td> <td>Body 3</td> </tr>
<tr> <td class="rounded">Body 1</td> <td>Body 2</td> <td>Body 3</td> </tr>
<tr> <td>Body 1</td> <td>Body 2</td> <td>Body 3</td> </tr>
</tbody>
</table>
<table id="test2">
<thead>
<tr> <th>Head 1</th> <th>Head 2</th> <th>Head 3</th> </tr>
</thead>
<tfoot>
<tr> <th>Foot 1</th> <th>Foot 2</th> <th class="rounded">Foot 3</th> </tr>
</tfoot>
<tbody>
<tr> <td>Body 1</td> <td>Body 2</td> <td>Body 3</td> </tr>
<tr> <td class="rounded">Body 1</td> <td>Body 2</td> <td>Body 3</td> </tr>
<tr> <td>Body 1</td> <td>Body 2</td> <td>Body 3</td> </tr>
</tbody>
</table>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.