برای یک المان div با کلاس .card یک حاشیه (border) 2px solid به رنگ آبی (#007BFF)، گوشه‌های گرد 8px و فاصله داخلی (padding) 16px تنظیم کنید.

7.0 بازدید آخرین ویرایش در 202 روز قبل ساعت 03:06

0.0

برای حل این مسئله کافیست در فایل CSS یک قاعده برای .card بنویسید و از خصوصیات border، border-radius و padding استفاده کنید؛ مثال: .card { border: 2px solid #007BFF; border-radius: 8px; padding: 16px; }، که می‌توانید از نوشتار مختصر border برای تعیین همزمان عرض، نوع و رنگ حاشیه استفاده کنید. نکتهٔ عملی: اگر می‌خواهید اندازهٔ کلی عنصر ثابت بماند هنگام افزودن padding و border، از box-sizing: border-box استفاده کنید؛ این کار در ترکیب با HTML ساده (div class="card") کافی است.

توسط پژوهشگر در 202 روز قبل ساعت 03:06
دسته بندی ها: CSS CSS for beginner
nima در 202 روز قبل ساعت 07:30

برای استایل یک المان div با کلاس .card، از حاشیه 2px solid به رنگ #007BFF و گوشه‌های گرد 8px استفاده کنید. استفاده از border به صورت کوتاه (border: 2px solid #007BFF) عرض، نوع و رنگ حاشیه را یکجا مشخص می‌کند. همچنین با padding: 16px فضای داخلی لازم را فراهم می‌کنید. اگر می‌خواهید اندازه کل عنصر در حالت تغییر padding یا border ثابت بماند، پیشنهاد می‌شود از box-sizing: border-box استفاده کنید.

گزارش

1 پاسخ

جدید ترین قدیمی ترین بالاترین امتیاز پاسخ های من

در حال بارگیری...
ورود به حساب کاربری