> For the complete documentation index, see [llms.txt](https://chnn-anne.gitbook.io/mern-stack/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://chnn-anne.gitbook.io/mern-stack/important-css-concepts/border-radius.md).

# Border-radius

**Increasing the radius leads to greater rounding**

```css
p {
    border-radius: 10px;
}
```

![](/files/-MYlOHlh_HQEt3cyvh3A)

```css
p {
    border-radius: 30px;
}
```

![](/files/-MYlOY8nYKKRD8aHwRGr)

**border-radius=50% makes a circle**

```css
p {
    border-radius: 50%;
}
```

![](/files/-MYlPFsgSvtS5JI1Ci2D)

**You can specify individual values for each corner**

```css
p {
   border-top-left-radius: 15px;
   border-bottom-right-radius: 15px;
}
```

![](/files/-MYlPZQ2IVlK2S3Si18t)

**Round images**

![](/files/-MYlQnMFCXR1qBOdh2kV)

```css
img {
    border: solid black 1px;
    border-radius:50%;
}
```