标签: shape

是否可以使用CSS代码制作下面显示的形状？

我尝试了一些东西,但我做不到,所以我需要一些帮助.

#demo {
  background-color: #333;
  height: 100px;
  position: relative;
  width: 100px;
}
#demo:after {
  content: ' ';
  height: 0;
  position: absolute;
  width: 0;
  border: 10px solid transparent;
  border-top-color: #333;
  top: 100%;
  left: 50%;
  margin-left: -10px;
}

<div id="demo"></div>

我想在图像上画出形状,我该怎么做？

首先,如果标题不清楚,我想提前道歉,所以我会解释一下.

我在运行程序时通过移动鼠标创建了一个可以移动的形状:

procedure TForm1.FormMouseMove(Sender: TObject; Shift: TShiftState; X,
  Y: Integer);
begin
shape1.Left:=x;
shape1.Top:=y;
end;

end.

问题是,我不喜欢用户必须使用鼠标移动形状,所以我想通过按键盘的UP,DOWN,LEFT,RIGHT键来实现.

谢谢

我需要在图像中创建两个div.两者都可以有背景图像.任何人都可以帮忙吗？

两个div http://development.230i.com/tsips_new/v2/images/Untitled.png