圖像CSS

-6

我有一個網站：http://marekzurek.hekko24.pl
我試圖複製這個網站上找到的告別賽照片效果：http://i.imgur.com/bu3FuPR.png 圖像CSS

我應該添加到我的CSS，以與圖像類「客戶端圖片」圓形和小？

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>

來源

2017-06-29 Manamko

請閱讀此：https：//meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-doesnt-work-can-i-just-paste-a-link對這個...... –

這個評論我是題外話，但你可以做一個codepen /小提琴或smth，如果在你的網頁上的打字效果？ ;）這非常整齊。 –

增加你嘗試過的東西，並得到什麼錯誤？分享工作代碼。 –

這裏是要添加，使該照片一輪CSS和小

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

提示未來，如果你想刮碼關閉其他網站，使用inspect元素瀏覽器功能來獲取用於任何特定元素的css。

來源

2017-06-29 14:36:01

回答

相關問題