امثلة عن CSS Style Images
-
2021-03-28
- | daafoor
- | مشاهدات: 708
مثال عن Rounded Image:
Rounded Images
Use the border-radius property to create rounded images:
مثال عن Circled Image:
Rounded Images
Use the border-radius property to create circled images:
مثال عن Thumbnail Image:
Thumbnail Images
Use the border property to create thumbnail images:
مثال عن Responsive Image:
Responsive Images
Responsive images will automatically adjust to fit the size of the screen.
Resize the browser window to see the effect:
مثال عن Advanced Image:
Image Modal
In this example, we use CSS to create a modal (dialog box) that is hidden by default.
We use JavaScript to trigger the modal and to display the current image inside the modal when it is clicked on. Also note that we use the value from the image's "alt" attribute as an image caption text inside the modal.
Don't worry if you do not understand the code right away. When you are done with CSS, go to our JavaScript Tutorial to learn more.
×
هذه المادة الدراسية هي ضمن مكتبة
مكتبة امثلة اكواد CSSتسجيل الدخول