Question

Tengo un div:

<div class="item">
<span>Titulo:<span> {{ titulo }}
<span>A&ntilde;o:<span> {{ anio }}
<span>Autor:<span> {{ autor }}
</div>

Quiero mostrarlo con los bordes redondeados, ¿cómo puedo lograr esto?

Answer 1

Utiliza el siguiente código CSS:

<style type="text/css">
.item {
    border-radius: 15px;
}
</style>

Aumenta o disminuye el valor de border-radius según que tan redondeado quieres que sea el borde.

Answer 2

Para redondear un div es mejor utilizar porcentajes ya que si por alguna razón le haces zoom in/zoom out no se vea algo raro, prueba:

.item { 
    border-radius: 50%;
}