Comment obtenir des coins de bordure CSS chanfreinés plutôt que des coins arrondis?

Avec le CSS border-radius bien je peux avoir un sinueuse, aux bords arrondis coin à la fin.

.boxLeft{
    border-right: 1px dashed #333;
    border-bottom: 1px dashed #333;
    border-radius: 0 0 10px 0;
}

.boxRight{
    border-left: 1px dashed #333;
    border-bottom: 1px dashed #333;
    border-radius: 0 0 0 10px;
}

Mais je veux une frontière coin, comme l'image ci-dessous. Si j'ai deux boîtes (Jaune & Rose) rencontre les uns des autres et je veux une dure coin à bas point de rencontre (en pointillé coin), que dois-je faire?

Comment obtenir des coins de bordure CSS chanfreinés plutôt que des coins arrondis?

Est-ce possible à l'aide de CSS?

source d'informationauteur Mayeenul Islam