Я пытаюсь сделать какой-то стиль флага ленты в CSS, но я не смог это сделать, интересно, может ли кто-нибудь указать мне правильно, а также если кто-нибудь знает хороший учебник о том, как работать с этими типами формЛента/флаг по сторонам формы с CSS
Это то, что я хочу, чтобы достичь
div {
background-color: #AC4244;
position: relative;
height: 40px;
width: 100%;
}
div:before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 20px 0 20px 5px;
border-color: transparent transparent transparent #ffffff;
position: absolute;
left: 0;
top: 0;
}
div:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 20px 5px 20px 0;
border-color: transparent #ffffff transparent transparent;
position: absolute;
right: 0;
top: 0;
}<div></div>
Я имею гр (хотя связанный вопрос касается формы границы), потому что эти подходы по-прежнему хорошо подходят для этого, и вам просто нужно добавить «background-color» или «fill» в зависимости от того, выбираете ли вы CSS или SVG. – Harry
@Harry иногда вам нужны правильные ключевые слова, чтобы найти что-то, – DannyG
Да @DannyG и вот почему повторяющиеся вопросы - не плохие вопросы. Они служат хорошими указателями. – Harry