1、如图，在代码工具中，先建好几个图片，如图这里的img图片被div盒子包含；然后将盒子设置宽度，然后浮动；图片填充整个盒子大小。
2、效果就是这样的，如图。
4、如图，添加了描边后的图片效果。
5、想要改变图片的描边大小以及颜色，在这里修改。
6、然后如果是在div盒子添加描边效果时，和跟在img上添加方法一样，也是border属性。
7、两种方法都能够成功，看你习惯使用哪种方法了。
超文本标记语言（Hyper Text Markup Language），缩写为HTML，标准通用标记语言下的一个应用。HTML不是一种编程语言，而是一种标记语言 （markup language），是网页制作所必备的工具。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
其次新建一个CSS文档，并且关联刚刚创建的HTML文档。
我们设置边框常用格式。
我们可以把边框改为点状式的。
也可以修改为虚线形状的。
html设置边框填充的方法：
1、通过“border-width”属性设置边框宽度2、通过“border-style”属性设置边框样式
3、通过“border-color”属性边框颜色
4、最后在浏览器打开test.html文件，查看实现的效果。
首先我们在html中，使用margin属性设置图片居中，这时候只需要给图片元素设置“margin:auto”样式就可以了。
当margin属性值为“auto”的时候，浏览器就会自动分配左右边距，使元素平均分配占用父级容器的左右边距，这样达到元素居中的目的。。