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

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

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

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

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

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

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

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

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的标签中，输入样式代码：style="border: 5px solid blueviolet"。

3、浏览器运行index.html页面，此时图片被加上了5px粗细的紫色边框。

给img标签添加边框样式，如：

3px是边框粗细，px是像素单位，3代表边框粗细，数字越大，边框越粗；solid是指明边框为实线，#000是定义边框的颜色。