Question: I am new to HTML and CSS. I want to achieve rounded-corner for my table and it is not working. Any ideas how can I make it work?
Here is my CSS for table:

```
    table {
        border: 1px solid #CCC;
        border-collapse: collapse;
        font-size:13px;
        color:white;
    }

    td {
        border: none;
    }

```

Currently, it looks like this:
[![enter image description here](https://i.stack.imgur.com/Ce5NO.png)](https://i.stack.imgur.com/Ce5NO.png)

And I want the corner of the table to be rounded.
Many thanks.

Answer: 
You can make the rounded table using the `border-radius` CSS attribute based on `border-collapse: separate` as follows.

```css
table {
  border: 1px solid #CCC;
  font-size: 13px;
  color: white;

  background: red;

  border-collapse: separate;
  border-radius: 10px;
  -moz-border-radius: 10px;
}

td {
  border: none;
}
```

```html
<table border="1">
  <tr>
    <td>Hello World</td>
    <td>Hello World</td>
    <td>Hello World</td>
    <td>Hello World</td>
    <td>Hello World</td>
  <tr>
  <tr>
    <td>Hello World</td>
    <td>Hello World</td>
    <td>Hello World</td>
    <td>Hello World</td>
    <td>Hello World</td>
  <tr>
  <tr>
    <td>Hello World</td>
    <td>Hello World</td>
    <td>Hello World</td>
    <td>Hello World</td>
    <td>Hello World</td>
  <tr>
  <tr>
    <td>Hello World</td>
    <td>Hello World</td>
    <td>Hello World</td>
    <td>Hello World</td>
    <td>Hello World</td>
  <tr>
</table>
```
you need to give `border-radius` to make table border rounded so try this :

```
table {
        border: 1px solid #CCC;
        border-radius:50px;
        border-collapse: collapse;
        font-size:13px;
        color:white;
    }

    td {
        border: none;
    }

```