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

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

متن استروک دار

تمرین آسان 240/ دانلود 762 بازدید

با استفاده از HTML و CSS همانند تصویر زیر، یک متن استروک دار ایجاد کنید

دقت کنید که همانند تصویر زیر، فقط به یک کلمه از متن، استروک را اضافه کنید


👨‍💻 8 ساعت قبل کاربر ناشناس این تمرین رو مشاهده کرد

1 جواب

<!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>
    <h1 class="stroke-text">متن استروک دار</h1>
</body>
</html>
CSS (styles.css)
css
body {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh; /* برای مرکز کردن عمودی */
    background-color: #f0f0f0; /* رنگ پس‌زمینه */
    font-family: Arial, sans-serif;
}

.stroke-text {
    font-size: 60px; /* اندازه فونت */
    color: white; /* رنگ متن */
    text-shadow: 
        -1px -1px 0 #000,  
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000; /* استروک */
}
Mma123 دانلود HTML & CSS

ارسال جواب

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

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

مطالب مرتبط

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