CSS: Rotunjirea colturilor unei imagini

Configurare noua (How To)

Situatie

In acest tutorial veti afla cum sa rotunjiti colturile unei imagini.

Solutie

In primul rand creati o clasa in fisierul HTML, iar ulterior adaugati urmatoarea linie de cod care sa contina “border-radious” urmata de valoarea in “%”, “px” sau “em”.

Exemplu:

<!DOCTYPE html>
<html>
<head>
<style>
#colturi {
border-radius: 30px;
border: 2px solid #ff0000;
padding: 18px;
width: 150px;
height: 100px;
}

</style>
</head>
<body>

<p class=”colturi”>Colturi rotunjite!</p>

</body>
</html>

Tip solutie

Permanent

Voteaza

(28 din 59 persoane apreciaza acest articol)

Despre Autor

Leave A Comment?