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;

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

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

طريقة-عمل-عجينة-البيتزا-السريعة

. عجينة البيتزا . طريقة عمل عجينة البيتزا السريعة . طريقة عمل عجينة البيتزا السريعة بالحليب . الطريقة السورية في عمل عجينة البيتزا . الق

طريقة-وضع-الكونتور-للوجه-النحيف

. مستحضر الكونتور . طريقة وضع الكونتور للوجه النحيف . طريقة وضع الكونتور للوجه الدائري . طريقة تسمين الخدود بالكونتور . درجة لون الكونت

أسباب-ألم-الخصية

. الخصية والجهاز التناسلي الذكري . أسباب ألم الخصية . أمراض تصيب الخصية . طرق علاج ألم الخصية . الوقاية من ألم الخصية . مضاعفات ألم الخصي

علاج-تضخم-الطحال-عند-الأطفال

تضخم الطحال عند الأطفال يعد الطحال من أعضاء الجسم التي تلعب دورًا مهمًا في الاستجابة الخلويّة والمناعية ضد العدوى والالتهابات، كما أ