Gösterilen Görüntüler
Yuvarlatılmış:
Daire:
bordered:
Metin:
Doğa
Yuvarlak Görüntü
W3 boyunca sınıfı, bir görüntü için yuvarlatılmış köşelere ekler:
Daire içinde Görüntü
W3 daire sınıfı bir çevreye bir görüntü şekiller:
bordered Görüntü
W3 ötesi sınıf resmin etrafında sınırları ekler:
Hoverable Görüntü
W3-vurgulu-donukluk sınıfı, fare ile üzerine görüntüye şeffaflık getirir:
Bir Kart olarak Görüntüsü
Etrafında w3-kart- * sınıfların herhangi sarın <img> bir kart olarak gösterilecek eleman (add shadows) :
Simon
tüm patronların patronu
Görüntü Metin
W3-display- sınıfları ile bir resimdeki metni yerleştirin:
Sol üst
Sağ üst
Sol alt
Sağ alt
Orta
Örnek
<div class="w3-display-container">
<img src="img_lights.jpg"
alt="Lights">
<div class="w3-display-topleft w3-container">Top
Left</div>
<div class="w3-display-topright w3-container">Top
Right</div>
<div class="w3-display-bottomleft w3-container">Bottom
Left</div>
<div class="w3-display-bottomright w3-container">Bottom
Right</div>
<div class="w3-display-middle w3-large">Middle</div>
</div> Kendin dene " Bir Fotoğraf Albümü Oluşturma
Bu örnekte, tüm aygıtlarda iyi görünen bir fotoğraf albümü oluşturmak için W3.CSS Duyarlı Izgara sistemi kullanın. Daha sonra bu konuda daha fazla öğreneceksiniz.
Yaz 2015
5 Terre
Monterosso
Vernazza
Manarola
Corniglia
Riomaggiore
Örnek
<div class="w3-third">
<div class="w3-card-2">
<img src="img_monterosso.png" style="width:100%">
<div
class="w3-container">
<h4>Monterosso</h4>
</div>
</div>
</div>
Kendin dene "