CSSで円を描く 2

前回作った基本的な円（丸）に色などをつけていきます。

基本部分のソースコード

Html

<div class="circle"></div>

CSS

.circle{
	width: 200px;
	height: 200px;
	border : 1px solid;
	border-radius: 50%;
}

デザイン

背景色をつける

background: #3A8AFF;

枠線を太くする

border : 5px solid;

枠線を破線にする

border : 5px dashed;

枠線を点線にする

border : 5px dotted;