丸を描く実験

javascriptcss命令、メソッドというのかな、で丸を描いてみました。


http://niming538.hatenablog.com/entry/2014/04/14/121237


ポイントは、.css("border-radius", "50%")です。

	<div id="manmaru01">まん丸</div>
	<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
	<script>
		$("div#manmaru01").css("width", "200px")
				.css("background-color", "red").css("height", "200px").css(
						"margin", "0 auto").css("border", "3px solid orange")
				.css("border-radius", "50%").css("line-height", "200px").css(
						"font-size", "48px").css("color", "white").css(
						"font-weight", "bold").css("text-align","center");
	</script>