Vifungu vya kina ya kifungu
CSS inaweza kutumika kufanya muhtasari wa picha.
Kiumbizi ya kijivu
Kiumbizi ya kichaka
Vitabu na vifafa
Vitabu na vifafa
Muhtasari wa Picha
Hii ni muhtasari ya picha ambayo inafanywa na CSS:
Mfano
<html>
<head>
<style>
div.gallery {
margin: 5px;
border: 1px solid #ccc;
float: left;
width: 180px;
}
div.gallery:hover {
border: 1px solid #777;
}
div.gallery img {
width: 100%;
height: auto;
}
div.desc {
padding: 15px;
text-align: center;
}
</style>
</head>
<body>
<div class="gallery">
<a target="_blank" href="/i/photo/tulip-yellow.jpg">
<img src="/i/photo/tulip-yellow.jpg" alt="Cinque Terre" width="600" height="400">
</a>
<div class="desc">Hapa tafadhaliongeza utambu wa picha</div>
</div>
<div class="gallery">
<a target="_blank" href="img_forest.jpg">
<img src="img_forest.jpg" alt="Forest" width="600" height="400">
</a>
<div class="desc">Hapa tafadhaliongeza utambu wa picha</div>
</div>
<div class="gallery">
<a target="_blank" href="img_lights.jpg">
<img src="img_lights.jpg" alt="Northern Lights" width="600" height="400">
</a>
<div class="desc">Hapa tafadhaliongeza utambu wa picha</div>
</div>
<div class="gallery">
<a target="_blank" href="img_mountains.jpg">
<img src="img_mountains.jpg" alt="Mountains" width="600" height="400">
</a>
<div class="desc">Hapa tafadhaliongeza utambu wa picha</div>
</div>
</body>
</html>
Mifano ya zaidi
- Mazingira ya picha yenye matokeo ya kutosha
- Juhudi ya kutengeneza mazingira ya picha yenye matokeo ya kutosha kwa kompyuta, tabaka na simu ya kifaa, kwa kutumia media query ya CSS.
