окончательно использовала этот кусок кода
#menu2 { height: 39px; overflow-x: scroll; white-space: nowrap; border: 1px solid transparent; padding: 0 5px 0 5px; }
#menu1 a { width: 23%; text-align: center; display: inline-block; background: #f0f0f0; border: 1px solid #c0c0c0; border-radius: 8px/5px; margin: 0 0 2px; padding: 5px; }
#menu2 a {
width: 170px;
height: 40px;
text-align: center;
vertical-align: 5px;
border-radius: 8px 8px 0 0 /5px 5px 0 0;
border-top: 1px solid #999;
display: inline-flex;
justify-content: center;
align-items: center;
margin-top: -1px;
padding: 5px auto 15px;
box-sizing: border-box;
background-color: #f0f0f0;
background-image: url('data:image/svg+xml,\
<svg xmlns="http://www.w3.org/2000/svg" \
width="170" height="39" \
fill="none" stroke="#999" stroke-width="1px"> \
<path d="M 0 0 L 170 0 L 170 29 L 85.5 38 L 0 29 z "></path> \
</svg>'
);
background-repeat: no-repeat;
}
на этой
странице