如何在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/