css如何给图片加半透明边框

1、新建一个html文件，命名为test.html，用于讲解css如何给图片加半透明边框。

2、在test.html文件内，使用img标签创建一张图片，用于测试。

3、在test.html文件内，设置img标签的class属性为apic。

4、在css标签内，通过class设置img标签的样式。

5、在css标签内，使用border属性，将其设置边框颜色的参数项使用rgba来定义边框颜色，将raba括号内最后一个参数设置为0.5，即可实现图片半透明。

6、在浏览器打开test.html文件，查看实现的效果。

1、使用img标签创建一张图片，设置img标签的class属性为apic。

 

2、在css标签内，通过class设置img标签的样式。

 

3、在css标签内，使用border属性，将其设置边框颜色的参数项使用rgba来定义边框颜色，将raba括号内最后一个参数设置为0.5，即可实现图片半透明。

 

4、在浏览器打开test.html文件，查看实现的效果。