Tables
| Table Head 1 | Table Head 2 | Table Head 3 |
|---|---|---|
| Table content 1 | Table content 2 | Table content 3 |
| Table content 4 | Table content 5 | Table content 6 |
Tables HTML:
Never forget to put down the table element!!!
<table>
<tr>
<th id="t-l">Table Head 1</th>
<th>Table Head 1</th>
<th id="t-r">Table Head 1</th>
<tr>
<tr>
<th>Table content 1</th>
<th>Table content 2</th>
<th>Table content 3</th>
<tr>
<tr>
<th id="b-l">Table content 4</th>
<th>Table content 5</th>
<th id="b-r">Table content 6</th>
<tr>
</table>
Never forget to put down the table element!!!
<table>
<tr>
<th id="t-l">Table Head 1</th>
<th>Table Head 1</th>
<th id="t-r">Table Head 1</th>
<tr>
<tr>
<th>Table content 1</th>
<th>Table content 2</th>
<th>Table content 3</th>
<tr>
<tr>
<th id="b-l">Table content 4</th>
<th>Table content 5</th>
<th id="b-r">Table content 6</th>
<tr>
</table>
Tables CSS:
table{
width: 50%;
height: 200px;
}
table tr{
background-color: #2f2f2f;
}
#t-l{ border-top-left-radius: 10px;}
#t-r{ border-top-right-radius: 10px;}
#b-l{ border-bottom-left-radius: 10px;}
#b-r{ border-bottom-right-radius: 10px;}
table{
width: 50%;
height: 200px;
}
table tr{
background-color: #2f2f2f;
}
#t-l{ border-top-left-radius: 10px;}
#t-r{ border-top-right-radius: 10px;}
#b-l{ border-bottom-left-radius: 10px;}
#b-r{ border-bottom-right-radius: 10px;}