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

Question

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

在此处查看截图： http://www.floydtechltd.co.uk/wp-content/uploads/2015/02/Screen-Shot-CSS-add-circle-outline-border.jpg

请参阅www.floydtechltd.co.uk

提前致谢！

Answer 1

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

Answer 2

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

使用border：1px solid＃B5A4A4;