在html里怎么给图片加边框粗细颜色大小怎么写

1、在代码工具中，先建好几个图片，如图这里的img图片被div盒子包含；将盒子设置宽度，浮动图片填充整个盒子大小。

2、效果就是这样的，此时并没有添加上那边框。

3、添加图片的描边效果有两种方法，对图片添加描边或者是给外面的盒子套个描边，先看给图片添加描边，根据如图代码就是直接在img图片标签里添加上描边border。

4、如图添加了描边后的图片效果。

5、想要改变图片的描边大小以及颜色，根据图示代码在这里修改。

6、然后如果是在div盒子添加描边效果时，和跟在img上添加方法一样，也是border属性。

7、两种方法都能够成功，如图为border属性添加边框效果。

如下：

工具／原料：联想Thinkpad T14、windows 10、photoshop cs6

1、打开photoshop，进入其主界面。

2、按ctrl+O，在打开窗口选中要处理的图片，按打开。

3、将图片添加到photoshop中。

4、点击矩形选择工具。

5、点击新建一个图层。

6、在图片周围绘制一个矩形框。

7、点击图层，选择图层样式，按描边。

8、设置好边框的颜色和边框大小，按确定。

9、我们就在ps中给图片添加上了边框。

批量给图片加边框（描边）的办法：

步骤1，下载上面的工具软件后安装打开，软件左边有5个功能，点击【美化图片】功能，在这里可以为图片添加边框。

步骤2，点击【添加文件】按钮将需要添加边框的图片添加到软件中，也可以直接拖动图片到软件界面的方式进行添加。请一次性添加完图片，支持批量处理，节省时间。

步骤3，添加完图片后在软件右下方进行设置，勾选是否添加边框，然后设置边框的宽度以及边框的颜色和透明度，在上方可以实时预览边框的效果（可以点击预览图片，查看大图）。

步骤4，设置好后点击【开始转换】按钮启动软件程序，所有图片添加好边框后软件会自动d出一个文件夹，所有添加边框后的图片会全部保存到这里。

步骤5， 从案例可以看到，所有图片都批量统一加上了边框。

---