HTML에서 이미지에 흑백 처리 하기

css에서 filter에 grayscale(?%)을 적용해주면 %에 따라서 흑백처리가 가능하다. 

.myImg { filter: grayscale(100%);}

 

추가로 이미지에 border-radius와 width/height를 주어서 이미지의 사이즈 및 테두리를 둥글게 적용하는 방법이다.

<img class="myImg" style="border-radius: 150px;-moz-border-radius: 150px;-khtml-border-radius: 150px;
-webkit-border-radius: 150px;" src="img/imageMy.jpg" width="400" height="300">