HTML Day 3 includes Table and Gradient

Veröffentlicht amAutorPeter Kilian

Includes CSS

<link rel="stylesheet" type="text/css" href="styles.css" media="all" />Code-Sprache: HTML, XML (xml)

Include JavaScript

<script src="https://code.jquery.com/jquery-3.6.0.slim.min.js"></script>Code-Sprache: HTML, XML (xml)
<table class="table border">
<thead>
<tr>
	<th>Table Head 1</th>
	<th>Table Head 2</th>
	<th>Table Head 3</th>
</tr>
</thead>
<tbody>
<tr>
	<td>Table Data Row1</td>
	<td>Table Data Row1</td>
	<td>Table Data Row1</td>
</tr>
<tr>
	<td>Table Data Row2</td>
	<td>Table Data Row2</td>
	<td>Table Data Row2</td>
</tr>
</tbody>
<tfoot></tfoot>
</table>Code-Sprache: HTML, XML (xml)
.table td {
background: rgb(165,218,236);
background: linear-gradient(90deg, rgba(165,218,236,1) 0%, rgba(120,120,236,1) 35%, rgba(0,212,255,1) 100%);
}Code-Sprache: CSS (css)
https://cssgradient.io/