Front-end_CSS3 – Telegram
Front-end_CSS3
256 subscribers
101 photos
1 video
20 files
4 links
Download Telegram
ولان الحواف الحادة عادة مزعجة
نستخدم هذه السمة لعمل دوران خفيف للحواف
ضع القيمة التي تراها مناسبة بدلا من الـ 5PX
border-radius: 20px;
حتى الـ body لها حواف
ولكن كيف ستكون ؟ هل ملئ الشاشة؟

جـ/ لا بحسب المحتوى الموجود
1
الى هنا انتهينا من الحدود border
___________________________________________
ننتقل الى الخاصية الثانية وهي الخلفية background
وفيها الخصائص التالية:
🤔1
background-color
for body and h1
🛑🛑 لاحقاً
الـ CSS Selectors
وانواعه
- The CSS element Selector
- The CSS id Selector
- The CSS class Selector
- The CSS Universal Selector
- The CSS Grouping Selector

ما نكتبه حاليا هو The CSS element Selector
ex:
h1 {...}
👍1
من بين الألوان هناك ايضا خيار وهو الشفافية (كيف اصنع خلفية عنصر شفافة
وبالطبع هناك 3 خصائص لعمل شفافية كل واحدة بحسب استخدامها وهي:
- transparent
- opacity
- RGBA
سيأتي توضيح اكثر لها عند شرحها في حينه
ما سبق كان بالنسبة للخلفية من نوع لون
ننتقل الى الخلفية من نوع صورة background-image
بطبيعة الحال عندما تضيف صورة خلفية للصفحة (في الـ body) فإنها تكرر نفسها حتى تغطي كل المساحة
1
على سبيل المثال اردنا عمل هذه الصورة خلفية
vفستكون النتيجة هي: