鍍金池/ 問答/HTML/ 請教圓角+陰影效果如何實現(xiàn)

請教圓角+陰影效果如何實現(xiàn)

本來想要實現(xiàn)的效果

圖片描述

代碼：

.my-detail-header-avatar-image {
    width: 120rpx;
    height: 120rpx;
    border-radius: 60rpx;
    border: 8px solid #FFFFFF;
    box-shadow: 0 1px 12px 0 rgba(216,216,216,0.50);  
}

這樣寫變成這樣了

圖片描述

請教如何正確實現(xiàn)？

回答
編輯回答
安于心

你試試border-radius: 120rpx;可能是rpx和px換算的關(guān)系導(dǎo)致。

2017年9月16日 14:00