css可以先使用border-style设置图片边框样式,然后使用border-color属性设置图片边框颜色。border-color属性设置四条边框的颜色。此属性可设置1到4种颜色。
border-color 属性是一个简写属性,可设置一个元素的所有边框中可见部分的颜色,或者为 4 个边分别设置不同的颜色。
注意:边框的样式不能为 none 或 hidden,否则边框不会出现。
属性值:color_name 规定颜色值为颜色名称的边框颜色(比如 red)。
hex_number 规定颜色值为十六进制值的边框颜色(比如 #ff0000)。
rgb_number 规定颜色值为 rgb 代码的边框颜色(比如 rgb(255,0,0))。
transparent 默认值。边框颜色为透明。
inherit 规定应该从父元素继承边框颜色。
设置图片边框颜色示例:
HTML中文网img {
width:200px;
height:200px;
border-style:solid;
border-color: #00ff00;
}
效果图: