You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何为图片设置指定宽高及特定侧边边框?HTML/CSS

解决图片仅添加左侧和底部边框的问题

嘿,我来帮你搞定这个边框问题!你现在的代码给图片设置了顶部、右侧和左侧的边框,所以才会出现多余的边框。咱们把代码调整一下,只保留左侧和底部的边框设置就行:

修正后的CSS代码

img {
  border-left: 15px solid #faa633;
  border-bottom: 15px solid #faa633;
}

如果你喜欢更简洁的写法,也可以通过统一设置边框样式后,单独指定需要显示的边框宽度:

img {
  border: 0 solid #faa633; /* 先把所有边框宽度设为0,颜色和样式统一 */
  border-left-width: 15px; /* 开启左侧边框 */
  border-bottom-width: 15px; /* 开启底部边框 */
}

调整后,你的图片就只会显示左侧和底部的橙色边框了,效果如下:

示例图片

内容的提问来源于stack exchange,提问作者Jignesh Mistry

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.09 17:27:53