在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中文网 !!