WordPress的圓形圖像角落

Question

我目前有一個WordPress的博客，顯示圖片從我添加到我的帖子的自定義字段。我正在尋找圍繞圖像的角落。當我添加一個div時，我無法使用圍繞角落的css。我將如何繞過圖像角落？

foreach (get_posts('cat='.$category->term_id) as $post) { 
     echo '<li class="item">'; 

     setup_postdata($post); 
     $custom = get_field('face'); 
echo wp_get_attachment_image($custom); 

echo '</li>'; 

Answer 1

那麼，你應該使用CSS，例如：

.item img{ 
-webkit-border-radius: 50%; 
-moz-border-radius: 50%; 
border-radius: 50%; 
} 

凡50%只需指定半徑量。您可以使用px以及%。將其設置爲50％將會爲您提供圓形圖像。