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

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

انتخاب یک عنصر با id

تمرین آسان 188/ دانلود 555 بازدید

کد css بنویسید که div زیر را انتخاب کند و رنگ متون داخل آن را به سبز تغییر دهد


<div id='mybox'>code-bezan.ir</div>
👨‍💻 12 ساعت قبل کاربر ناشناس این تمرین رو مشاهده کرد
افزودن تمرین جدید

8 جواب

<!DOCTYPE html>
<html dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"content="width=device.width, initial-scale=1.0">
  <title> رنگ</title>
  </head>
  <style>
    div{
      color: green
    }
  </style>
<body>
    <div id='mybox'>code-bezan.ir</div>

</body>
</html>
Hadi.jalooli دانلود HTML & CSS 
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>انتخاب یک عنصر با id</title>
    <style>
        .box{
            color: rgb(18, 212, 18);
            font-size: 18px;
        }
    </style>
</head>
<body>
    <div class='box'>code-bezan.ir</div>
</body>
</html>
F.sarli دانلود HTML & CSS 
<!DOCTYPE html>
<html lang="fa">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>تغییر رنگ متن</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="my-div">
        <p>این یک متن درون div است.</p>
        <p>متن دیگری در اینجا وجود دارد.</p>
    </div>
</body>
</html>
Sumy.amiri دانلود HTML & CSS 
<!DOCTYPE html>
<html lang="fa">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>تغییر رنگ متن</title>
    <style>
        #mybox {
            color: green; /* تغییر رنگ متن به سبز */
        }
    </style>
</head>
<body>
    <div id='mybox'>code-bezan.ir</div>
</body>
</html>
Mma123 دانلود HTML & CSS 
<!DOCTYPE html>
<html>
  <head>
    <style>
      #mybox{
        color:green;
      }
    </style>
  </head>
  <body>
    <div id='mybox'>code-bezan.ir</div>
  </body>
</html>
Programmer دانلود HTML & CSS

ارسال جواب

  • قبل از ارسال جواب ویدیو زیر رو ببین تا کار کردن با markdown رو یاد بگیری
  • لطفا جواب های تکراری ارسال نکن
  • سعی کن داخل کدت از کلمات فارسی یا فینگلیش (فارسی با حروف انگلیسی) استفاده نکنی و کدت تماما انگلیسی باشه
  • لطفا داخل جواب از ایموجی یا کاراکترهای خاص استفاده نکن
  • ارسال جواب حق مادی یا معنوی برای ارسال کننده ایجاد نمیکند و تمام حقوق برای سایت کدبزن محفوظ است

راهنمای ارسال جواب 👇

مطالب مرتبط

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

حساب کاربری

برای استفاده از این بخش باید وارد حساب کاربریت بشی

ورود/ثبت نام
×

نمیتونم این تمرین رو حل کنم 😞

اگه متوجه تمرین نمیشی یا به هر دلیلی نمیتونی حلش کنی، کاملا طبیعیه، اشکالی نداره؛ ناراحت نشو 😊
سعی کن تمرینات آسون تر رو ببینی و جواب های مختلفی که دیگران ارسال کرده اند رو بررسی کنی و یواش یواش به سراغ تمرینات سخت تر بری. همچنین ممکنه جوابت درست باشه ولی با سایر جواب ها متفاوت باشه
اگه برنامه نویسی رو هنوز شروع نکردی یا خوب یاد نگرفتی، میتونی از طریق لینک زیر یاد بگیری

یادگیری برنامه نویسی
بستن