css3 رسم حدود الصناديق والمربعات

بواسطة:

قدمت CSS 3 حلول كثيرة للتصميم 

ومن هذه الحلول هو انشاء زوايا دائرية بشتى انواعها مثل ماذكرت 

هذه الخاصية إسمها Border-Radius .

نقوم باخذ امثلة 

border-radius: 5px;

في هذا المثال نقوم بتحديد جميع الزوايا بزاوية 5 px , بمعنى انها ستكون بجميع الزوايا اليمين واليسار والاسفل باليمين واليسار ايضاً 

 

مثال اخر 

border-top-left-radius: 10px 5px;

border-bottom-right-radius: 10% 5%;
border-top-right-radius: 10px;

هذه الامثلة نرى اننا قمنا بتحديد الزوايا مثل الاعلى اليسار , الاسفل اليمين , وهكذا نقوم بتحديد زوايا محدده ...

مواضيع ذات صلة بـ

طريقة-عمل-نودلز-صيني

. النودلز الصيني . مقادير النودلز الصيني بالخضار . طريقة عمل نودلز صيني بالخضار . النودلز الصيني بالدجاج . مقادير عمل النودلز الصيني با

فوائد-فيتامين-C-للبشرة

فيتامين C يعمل فيتامين C عمل المواد المضادة للأكسدة، ودوره هو حماية الجسم من خطر الإصابة بالعديد من المشاكل الصحيّة، وكما أنه يساعد كث

تعريف-الصحة

. جسم الإنسان . تعريف الصحة . أنواع الصحة . الصحة البدنية . الصحة العقلية . فوائد العادات الصحية . ضبط الوزن . تحسين المزاج . مكافحة الأمرا

طريقة-عمل-شوربة-الحريرة

. شوربة الحريرة . مقادير شوربة الحريرة . طريقة عمل شوربة الحريرة . القيمة الغذائية لشوربة الحريرة . القيمة الغذائية للحوم . القيمة الغذا

معلومات-عن-العقرب-الأسود

العقرب يعد العقرب من الزواحف التي تنتمي إلى فصيلة المفصليات، ويشبه العقرب العنكبوت والعث في شكله و يعيش في مختلف البيئات حول العالم و