我希望你能够制作带有渐变边框的表格,并使div边框看起来像是一个整体,我是说单元格的边框颜色应该不同。
以下是目前我所拥有的:
以下是目前我所拥有的:
table tr:first-child td {
border-top: 0;
}
table tr:last-child td {
border-bottom: 0;
}
table tr td:last-child {
border-right: 0;
border-left: 0;
}
table tr td:first-child {
border-left: 0;
}
td {
border-right: 2px solid #bebebe;
border-bottom: 2px solid #bebebe;
}
td {
border-collapse: collapse;
}
table {
/*border-collapse: collapse;*/
border-style: solid;
border-width: 20px 20px;
border-image-source: linear-gradient(to bottom, #eee 0%, #bebebe 100%);
border-image-slice: 20;
border-image-repeat: stretch;
box-shadow: 0px 10px 10px black;
}
body {
background-color: #eee;
}
<table class="tablagradiente" align="center" width="41%">
<tr>
<td>
<p>Sesiones Ordinarias</p>
</td>
<td>
<p>Sesiones Extraordinarias</p>
</td>
</tr>
<tr>
<td>
<p> </p>
</td>
<td>
<p>Primera Sesión Extraordinaria 2015</p>
</td>
</tr>
</table>