图片边框放在图片中的html,css怎么给图片加上下边框？

在CSS中，通过给img标签分别设置border-top和border-bottom属性来给图片加上下边框。下面本篇文章就来给大家介绍一下，希望对大家有所帮助。

border-top是一个简写属性，可以在一个声明设置所有的上边框属性。如果不设置其中的某个值，也不会出问题，比如 border-top:solid #ff0000; 也是允许的。

border-top属性可能值：border-top-width规定上边框的宽度。

border-top-style规定上边框的样式。

border-top-color规定上边框的颜色。

border-bottom是一个简写属性，可以在一个声明设置所有的下边框属性。如果不设置其中的某个值，也不会出问题，比如 border-bottom:solid #ff0000; 也是允许的。

border-bottom属性可能值：border-bottom-width指定底部边框宽度

border-bottom-style指定底部边框样式

border-bottom-color指定底部边框颜色

示例：给图片添加上下边框

img {

border-top: 5px solid red;

border-bottom: 5px solid red;

}

设置图片上下边框

效果图：

更多web前端相关知识，请查阅 HTML中文网 ！！