UZFOR
UZtim
Rasmlarni doira shaklida qilib beradigan kod

CSS
  1. [class^=circle] {
  2.         width: 150px;
  3.         height: 150px;
  4.         border-radius: 50%;
  5.         text-align: center;
  6.         display: inline-block;
  7.         font-size: 100px;
  8.         background-size: cover;
  9.     }
  10.  
  11.     [class^=circle] span {
  12.         display: block;
  13.         margin-top: 155px;
  14.         font-size: 20px;
  15.         line-height: normal;
  16.     }
  17.  
  18.     .circle1 {
  19.         background-image: url(//sayt.nomi/img/rasmnomi.jpg);
  20.         [/url]
  21.     }
  22.  
  23.     .circle2 {
  24.         background-image: url(//sayt.nomi/img/rasmnomi.jpg);
  25.         [/url]
  26.     }
  27.  
  28.     .circle3 {
  29.         background-image: url(//sayt.nomi/img/rasmnomi.jpg
  30. );
  31.         [/url]
  32.     }
  33.  
  34.     .circle4 {
  35.         background-image: url(//sayt.nomi/img/rasmnomi.jpg);
  36.         [/url]
  37.     }
  38.  
  39.     .circle5 {
  40.         background-image: url(http://sayt.nomi/img/rasmnomi.jpg);
  41.         [/url]
  42.     }



Html
  2.     <div class="circle1"><span>namuna.uz</span></div>
  3.     <div class="circle2"><span>namuna.uz</span></div>
  4.     <div class="circle3"><span>namuna.uz</span></div>
  5.     <div class="circle4"><span>namuna.uz</span></div>
  6.     <div class="circle5"><span>namuna.uz</span></div>
  7. </body>
0 Mavzuga qaytish