jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-03-28 05:00:53 -04:00
Code Issues Projects Releases Wiki Activity
Files
375e702b5777b721451663f0aef4696ba3900a10
freeCodeCamp/guide/arabic/css/image-galleries/index.md
Mrugesh Mohapatra da0df12ab7 fix(guide): simplify directory structure
2018-10-16 21:32:40 +05:30

1.8 KiB
Raw Blame History

title, localeTitle
title localeTitle
Image Galleries معرض الصور

معرض الصور

يمكنك استخدام CSS لإنشاء معارض صور خاصة بك.

معرض الصور مثال

`<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: 150px; }

div.desc { padding: 15px; text-align: center; } </style>

</head>
Image of staring cat
Add a description of the image here
Image of fat cat
Add a description of the image here
Image of frolicking cat
Add a description of the image here
Image of wide-eyed cat
Add a description of the image here
</html> `

النتائج:

معرض القطط

معلومات اكثر:

https://www.w3schools.com/css/css image gallery.asp

Reference in New Issue View Git Blame Copy Permalink