如何使用css3设置图像边框

使用CSS3设置图像边框的方法如下：

1.使用border属性设置边框

img {
  border: 1px solid #000; /* 边框1像素宽，实心黑色 */
}

2.使用border-radius属性设置圆角边框

img {
  border: 1px solid #000; /* 边框1像素宽，实心黑色 */
  border-radius: 50%; /* 圆角半径为图片宽度的50% */
}

3.使用box-shadow属性设置投影边框

img {
  box-shadow: 0 0 10px rgba(0,0,0,.5); /* 投影边框，黑色，不带模糊效果 */
}

4.使用outline属性设置轮廓边框

img {
  outline: 1px solid #000; /* 轮廓边框，1px宽，实心黑色 */
}