Front-End
تمرین جدید
HTML & CSS
تحلیل جواب با AI
Python - پایتون
PHP - پی اچ پی
JavaScript - جاوا اسکریپت
C# - سی شارپ
C & C++ - سی و سی پلاس پلاس
Kotlin - کاتلین
Java - جاوا
DataBase - دیتابیس
Matlab - متلب
Rust - راست
Golang - گولنگ
Bash - بش
برای استفاده از این بخش باید وارد حساب کاربریت بشی
ورود/ثبت نام
.yellow {background: yellow;}
<!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{
background-color: yellow
}
</style>
<body>
<div id="box" class="yellow">رضا</div>
<div class="yellow">هادی</div>
<div class="yellow mybox">هوشنگ</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
#box , .yellow , .mybox {
background-color: yellow;
width: 100px;
height: 100px;
border-radius: 15px;
margin: 10px;
}
</style>
</head>
<body>
<div id="box" class="yellow"></div>
<div class="yellow"></div>
<div class="yellow mybox"></div>
</body>
</html>
#box, .yellow, .mybox {
background-color: yellow;
}
<!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>باکس ثابت</title>
<style>
.yellow{
background-color: rgb(247, 247, 100);
color: black;
width: 50px;
height: 50px;
border-radius: 10px;
margin: 10px;
padding: 10px;
font-size: 18px;
}
</style>
</head>
<body>
<div class="yellow">s</div>
<div class="yellow">w</div>
<div class="yellow mybox">r</div>
</body>
</html>
* { color: yellow
}
#box,
.yellow {
background-color: yellow; /* تغییر رنگ پس‌زمینه به زرد */
}
<!DOCTYPE html>
<html>
<head>
<style>
div.yellow{
background-color: yellow;
}
</style>
</head>
<body>
<div id="box" class="yellow">hello</div>
<div class="yellow">im</div>
<div class="yellow mybox">RezaNajafiane</div>
</body>
</html>
div{
background-color: yellow;
}
گفته با استفاده از class
برای استفاده از این بخش باید وارد حساب کاربریت بشی
ورود/ثبت نام