تمرین برنامه نویسی؛ با کدبزن!

منبع جامع سوالات و تمرینات برنامه نویسی

0

درج تصویر ریسپانسیو در صفحه

Admin آسان 183/ دانلود 228 بازدید

با استفاده از html و css تصویری با ویژگی های زیر در صفحه درج کنید

آدرس تصویر: https://code-bezan.ir/static/image/icon512.png
متن جاگزین تصویر (کدبزن) باشد
عرض تصویر همیشه 90 درصد عرض صفحه کاربر باشد ولی از 400 پیکسل بیشتر نشود همچنین از 100 پیکسل کوچکتر نشود
تصویر همیشه وسط صفحه (از چپ و راست) قرار گیرد

2 جواب

نمیتونم این تمرین رو حل کنم!
0
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="boxtobox.css">
    <style>
    img{
        width: 90%;
        min-width:200px;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    </style>
</head>
<body>
    <img src="file" alt="کد بزن">
</body>
</html>
Hossein1122 دانلود HTML CSS
0
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Centered Image</title>
<style>
    img {
        min-width: 100px;
        max-width: 400px;
        width: 90%;
        margin: auto;
        display: block;
    }
</style>
</head>
<body>
    <img src="https://code-bezan.ir/static/image/icon512.png" alt="کدبزن">
</body>
</html>
Admin دانلود HTML CSS

ارسال جواب

/* کداتو توی این بخش بنویس
فرقی نمیکنه چه زبان برنامه نویسی باشه، همرو پشتیبانی میکنیم :)
البته قبلش این سه خط رو پاک کن */


  • تو جوابت میتونی از تصویر، کد، لینک به سایر صفحات و... استفاده کنی
  • لطفا جواب های تکراری ارسال نکن
  • جواب های ارسالی، پس از بررسی کوتاهی، ویرایش میشن و در سایت نمایش داده میشن
  • ارسال جواب حق مادی یا معنوی برای ارسال کننده ایجاد نمیکند و تمام حقوق برای سایت کدبزن محفوظ است

تمرینات مرتبط

تشخیص با استفاده از هوش مصنوعی
×
×
بستن