html - WordPress CSS - 如何调整大小并使其成为圆形图像

Question

我正在尝试在 WordPress 中自定义 CSS，但我正在为该做什么而苦苦挣扎......

正如您在下面的代码中所看到的，有一个“li”元素和一个具有以下类的图像:“func-um_user gravatar avatar avatar-40 um-avatar um-avatar-uploaded”

图像属性将尺寸设置为40px...

<li id="menu-item-663" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-663">
<a href="#">First Last <img onerror="this.src='http://italiancrypto.it/wp-content/plugins/ultimate-member/assets/img/default_avatar.jpg';" src="http://italiancrypto.it/wp-content/uploads/ultimatemember/10/profile_photo-40.jpg?1515135317" class="func-um_user gravatar avatar avatar-40 um-avatar um-avatar-uploaded" width="25" height="25" alt="First Last" pagespeed_url_hash="3917330287" onload="pagespeed.CriticalImages.checkImageForCriticality(this);" border-radius="40">
</a>
</li>

我需要创建一个自定义 CSS 来将图片重置为 30px 并创建一个圆 Angular 边框而不是正方形...

我该怎么做？

非常感谢

问候

Answer 1

遵循代码css

.menu-item .func-um_user.gravatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-left: 5px; //use to spacing between name and avatar
}