2015-02-24 146 views
0

我使用4张图像并排创建了一个图形来显示销售咨询过程。我已经使用CSS将它们设置为圆形图像,并添加了背景图像以可视地链接图像。是否有CSS为4个圆形图像中的每一个添加深灰色边框或轮廓?CSS - 如何在圆形图像周围添加圆形边框/轮廓?

见截图在这里: http://www.floydtechltd.co.uk/wp-content/uploads/2015/02/Screen-Shot-CSS-add-circle-outline-border.jpg

www.floydtechltd.co.uk

提前感谢!

回答

1

它的工作原理已经与:因为你设置的border-radius: 100%

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

使用边界border: 10px solid #ccc;:1px的固体#B5A4A4;