CSS CSS 製作圖片圓角 (CSS image fillet) 2016-10-11 JA Anything 發佈留言 CSS 製作圖片圓角其實很簡單,只要把CSS直接加在圖片上就可以了。 <PREVIEW> <CSS> img.radius { width: 500px; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,1.00); }
CSS CSS 製作圓形圖片 (CSS image circle shape) 2016-10-07 JA Anything 發佈留言 CSS 把圖片裁切成圓形其實很簡單,只要把CSS直接加在圖片上就可以了。 <PREVIEW> 先把圖片裁成正方形,再套用下面的CSS就可以了 如果每一張圖片尺寸都不一樣的話,border-radius的值直接寫50%就可以了 但要注意因為是50%,所以如果圖片不是正方形,那圓角之後就會變橢圓形喔~ <CSS> img.square { width: 100px; border-radius: 50%; border: 1px solid rgba(255,0,0,1.00); }