الصور هي جزء لا يتجزأ من صفحات الويب التي يمكن استخدامها لتزيين وتعزيز تجربة المستخدم. يعد تتبع الصورة طريقة لتمييزها على الصفحة وإضافة جاذبية جمالية إليها. في هذا الدليل ، وسوف ننظر في عدة طرق لإنشاء مخطط صورة في هتمل.
الطريقة الأولى هي استخدام أنماط كس. لإنشاء مخطط تفصيلي لصورة ، يمكنك استخدام خصائص كس مثل الحدود والمخطط التفصيلي. على سبيل المثال ، لإنشاء مخطط أسود رفيع حول صورة ، يمكنك تطبيق الأنماط التالية:
الحدود: 2 بكسل أحمر صلب;
- نصف قطر الحدود: 10 بكسل;
- }
الجدول {
انهيار الحدود: انهيار;
الدفتيريا {
باستخدام عنصر زائف:: بعد
هناك طريقة أخرى لإنشاء إطار حول صورة وهي استخدام العنصر الزائف ::بعد. يمكنك تطبيق الأنماط على العنصر الزائف:: بعد إنشاء إطار حول الصورة.
- إمغ:: بعد {
- المحتوى: "";
عرض: كتلة;