انتقل إلى محتوى الدرس

CSS Rounded Corners specify each corner زوايا المدورة مختلفة لكل جانب في لغة CSS

سوف تتعلم في هذا الدرس طريقة rounded corners الزوايا المدورة للعناصر سواء صور أو div أو اي عنصر له أبعاد وله border في لغة CSS.

1 صفوف تعليمية
لغة CSS
3,765 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

يمكن عمل دوران لكل زاوية من زاويا العنصر وذلك عند وضع قيمة مختلفة لكل زاوية عن طريق خاصية border-radius x في لغة CSS.

ExampleCSS Rounded Corners specify each corner

ExampleCSS Rounded Corners specify each corner

HTML
.item1
{
  border-radius:50px 0 50px 0;
}

جميع فقرات هذا الدرس (الزوايا المدورة في لغة CSS)