CSS - 如何在圆形图像周围添加圆形边框/轮廓？答案

【问题标题】：CSS - how to add circle border/outline around circular images?CSS - 如何在圆形图像周围添加圆形边框/轮廓？
【发布时间】：2015-04-26 00:25:54
【问题描述】：

我用 4 张图片并排创建了一个图形来展示销售咨询过程。我使用 CSS 将它们设置为圆形图像，并添加背景图像以直观地链接图像。是否有 CSS 为 4 个圆形图像中的每一个添加深灰色边框或轮廓？

提前致谢！

【问题讨论】：

【解决方案1】：

它已经适用于：border: 10px solid #ccc;，因为您设置了border-radius: 100%

【讨论】：

【解决方案2】：

#dslc-content #dslc-module-17 .liwo_process_block_image img {
margin-bottom: 16px;
border-radius: 100%;
float: left;
border: 1px solid #B5A4A4;
}

使用边框：1px solid #B5A4A4;

【讨论】：