CSS 製作圖片圓角 (CSS image fillet)

CSS 製作圖片圓角其實很簡單，只要把CSS直接加在圖片上就可以了。

<CSS>

img.radius {
	width: 500px;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,1.00);
}

img.radius {

width: 500px;

border-radius: 10px;

box-shadow: 0 0 10px rgba(0,0,0,1.00);

}

CSS 製作圓形圖片 (CSS image circle shape)

CSS 把圖片裁切成圓形其實很簡單，只要把CSS直接加在圖片上就可以了。

先把圖片裁成正方形，再套用下面的CSS就可以了
如果每一張圖片尺寸都不一樣的話，border-radius的值直接寫50%就可以了
但要注意因為是50%，所以如果圖片不是正方形，那圓角之後就會變橢圓形喔~

<CSS>

img.square {
	width: 100px;
	border-radius: 50%;
	border: 1px solid rgba(255,0,0,1.00);
}

img.square {

width: 100px;

border-radius: 50%;

border: 1px solid rgba(255,0,0,1.00);

}