在HTML页面上绘制一个点

Question

我想绘制一个点，其中X位置为24，Y为60。

这是我的JSfiddle，但它不起作用。有人可以帮帮我吗？

var color = '#000000';
	var size = '30px';
	$("body").append(
	  $('<div></div>')
	  .css('position', 'absolute')
	  .css('top', 60 + 'px')
	  .css('left', 24 + 'px')
	  .css('width', size)
	  .css('height', size)
	  .css('background-color', color)
	);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 1

你可以使用纯css：

body:after {
  content: "";
  position: absolute;
  left: 24px;
  top: 60px;
  width: 30px;
  height: 30px;
  background: #000;
  border-radius: 30px;
}

小提琴：http://jsfiddle.net/6gn6ga65/3/