На данный вопрос уже ответили:
как такое сверстать? спасибо за помощь!
Самый простой вариант div'ы c абсолютным позиционированием.
Круглый див:
#round {
width: 50px;
height: 50px;
background-color: blue;
border-radius: 50%;
}
<div id="round">
Треугольный div:
#triangle {
width: 0;
height: 0;
border-top: 50px solid red;
border-right: 100px solid transparent;
}
<div id="triangle">
Сборка персонального компьютера от Artline: умный выбор для современных пользователей