如何在HTML中實現這一點

Question

我想用HTML實現這個布局，但是我確定如何做圓形元素和“邊緣/角落” “（紅色）。你會怎么做？

Answer 1

您可以使用border-radius屬性。

.round
{
    border-radius:50%;
    background-color:red;
    width:50px;
    height:50px;
}

Js Fiddle演示

Answer 2

為此，您可以使用css創建該三角形，或者您必須使用圖像並將其與div垂直對齊。 對於圓角，您可以使用border-radius

在css中制作三角形：

http://css-tricks.com/snippets/css/css-triangle/