html图片边框的颜色,css图片的边框怎么设置颜色?

css可以先使用border-style设置图片边框样式,然后使用border-color属性设置图片边框颜色。border-color属性设置四条边框的颜色。此属性可设置1到4种颜色。

ecc5e2a1654e4c45d41cef5bf87f8f93.png

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;

}

1.jpg

效果图:

74c03696a685a88c678bb0ca9c1061ad.png

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值