border-radius quiere que las esquinas inferior e izquierda del borde se redondeen a 15 píxeles sin redondear la parte superior.

1. Puedes usar border-radius directamente: 0 0 15px 15px; entre estos datos, están la esquina superior izquierda, la esquina superior derecha, la esquina inferior derecha y la esquina inferior izquierda. Por ejemplo: lt;!DOCTYPE?htmlgt;

lt;html?lang="en"gt;

lt;headgt;

lt;meta? charset="UTF-8"gt;

lt;titlegt;Documentlt;/titlegt;

lt;stylegt;

.test{

ancho: 100px;

alto: 100px;

fondo: #cecece

radio del borde: 0?0?15px?15px;

}

lt;/stylegt;

lt;/headgt;

lt;bodygt;

lt ;div?class="test"gt;

lt;/divgt;

lt;/bodygt;

lt;/htmlgt;

El efecto es el siguiente:

2. Puedes usar border-bottom-left-radius: 15px; border-bottom-right-radius: 15px.