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-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: 10px solid #ccc;：1px的固體＃B5A4A4;