Question

我有一个网站：http://marekzurek.hekko24.pl
我试图复制本网站上的推荐照片效果：http://i.imgur.com/bu3FuPR.png

我应该在我的CSS中添加什么来制作图像＆＃34; client-pic＆＃34;圆而小？

HTML：

<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="testimonial-list">
<!-- START SINGLE TESTIMONIAL DESIGN AREA -->
<div class="single-testimonial text-center">
<img src="http://1stwebcoder.co m/themes/nexus/nexus/images/client.jpg" alt="client" class="client-pic">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s Lorem Ipsum.</p>
<h2>mark jukarbarg</h2>
<h3>CEO facebook</h3>
</div>

Answer 1

以下是您要添加的css，以使该照片圆形和小型

.client-pic {
  width: 80px; 
  height: 80px; 
  border-radius: 50%;
}

未来提示，如果您想从其他网站上删除代码，请使用inspect element browser功能获取用于任何特定元素的css。

从其他网站复制图像CSS

1 个答案: