Hi everyone
Here is my table's css disign:
Why do I not get rounded corners?
Why table's cell's borders has been vanished ?
Thanks
Here is my table's css disign:
Code:
<!DOCTYPE html>
<html>
<head>
<title>To forum</title>
<style>
table
{
width: 80%;
margin: auto;
border-collapse: collapse;
}
tr.title
{
border-radius: 15px 15px 0px 0px;
border: 3px solid #6b8e23;;
}
</style>
</head>
<body>
<table>
<tr class="title">
<th>A</th>
<th>B</th>
<th>C</th>
<th>D</th>
<th>E</th>
<th colspan="3">F</th>
</tr>
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
<td>e</td>
<td>d</td>
<td>e</td>
<td>f</td>
</table>
</body>
</html>
Why table's cell's borders has been vanished ?
Thanks