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

Question

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

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

Answer

<!DOCTYPE html> <html lang=&#34;fa&#34;> <head> <meta charset=&#34;UTF-8&#34;> <meta name=&#34;viewport&#34; content=&#34;width=device-width, ini...

	<!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; /* استروک */
	}

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