# Border-radius

**Increasing the radius leads to greater rounding**

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

![](https://1336010533-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWvM--ORajEf7cHwnl6%2F-MYYQoFumhqhqBDesvWx%2F-MYlOHlh_HQEt3cyvh3A%2Fimage.png?alt=media\&token=085fce3b-75e1-44b7-bc82-d26dc69eba2f)

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

![](https://1336010533-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWvM--ORajEf7cHwnl6%2F-MYYQoFumhqhqBDesvWx%2F-MYlOY8nYKKRD8aHwRGr%2Fimage.png?alt=media\&token=59f62c0f-c6c0-4ec3-a0c3-f56e419ee1ba)

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

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

![](https://1336010533-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWvM--ORajEf7cHwnl6%2F-MYYQoFumhqhqBDesvWx%2F-MYlPFsgSvtS5JI1Ci2D%2Fimage.png?alt=media\&token=89a3eb72-655e-43ea-858b-f9b3b6b71d96)

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

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

![](https://1336010533-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWvM--ORajEf7cHwnl6%2F-MYYQoFumhqhqBDesvWx%2F-MYlPZQ2IVlK2S3Si18t%2Fimage.png?alt=media\&token=6553d038-5450-4014-9989-508fee769c31)

**Round images**

![](https://1336010533-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWvM--ORajEf7cHwnl6%2F-MYYQoFumhqhqBDesvWx%2F-MYlQnMFCXR1qBOdh2kV%2Fimage.png?alt=media\&token=e768f729-2fc4-41b8-b70f-b1b93fdc44d6)

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