border-color 属性是一个简写属性,可设置一个元素的所有边框中可见部分的颜色,或者为 4 个边分别设置不同的颜色。
注意:边框的样式不能为 none 或 hidden,否则边框不会出现。
属性值:
color_name 规定颜色值为颜色名称的边框颜色(比如 red)。
hex_number 规定颜色值为十六进制值的边框颜色(比如 #ff0000)。
rgb_number 规定颜色值为 rgb 代码的边框颜色(比如 rgb(255,0,0))。
transparent 默认值。边框颜色为透明。
inherit 规定应该从父元素继承边框颜色。
设置图片边框颜色示例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>HTML中文网</title> <style type="text/css"> img { width:200px; height:200px; border-style:solid; border-color: #00ff00; } </style> </head> <body> <img src="img/1.jpg-600" /> </body> </html>
效果图:
以上就是css图片的边框怎么设置颜色?的详细内容,更多请关注0133技术站其它相关文章!