برنامه نویس و علاقه مند به زبان های HTML 5 و css و Payton و Bootstrap و#C و asp.net cor هستم. دانش آموز پایه یازدهم هستم.
ویژگی border برای طراحی قالب بر روی تگ های HTML است.
شما می توانید با این ویژگی به راحتی قالب تولید کنید.این ویژگی به صورت کلی شامل سه مقدار است:{سبک-رنگ-اندازه}
مثال:
تقویم آموزشی
border: width style color;
«نکته: نیازی به رعایت ترتیب نوشتن مقدار ها در ویژگی border نمی باشد.»
با استفاده از ویژگی border-radius می توان لبه های یک عنصر را گِرد کنید.
این ویژگی به شما کمک می کند که هر جهت از عنصر را به هر مقدار که خواستید گرد کنــــید.
«نکتــه: هر عنصر دارای ۴ جهت ( بالا – راست – پایین و چپ ) می باشد، در ویژگی border-radius مقدار هر عنصر مهم است. هر جهت یک عنصر مقدار گرد شدن عنصر را مشخص می کند.»
<style type="text/css">
body{
border-radius: 10px 20em 30ch 40ex;
}
</style>
<style type="text/css">
body{
border-radius: 40% 50% 60% 70%;
}
</style>
1- اگر 2 عدد بنویسم ، ( مقدار اول برای لبه بالا و پایین – مقدار دوم برای لبه راست و چپ ) استفاده می شود. مثال:
<style type="text/css">
body{
border-radius:20px 70px;
}
</style>
2- اگر ا عدد بنویسیم ، تمامی لبه های چهار جهت مساوی می شوند. مثال:
<style type="text/css">
body{
border-radius:20px;
}
</style>
3- برای گرد کردن عکس کافی استـــــــ .مقادیر را مساوی کنید ، از تمامی صفحه استفاده کنید. مثال:
<style type="text/css">
body{
border-radius:100%;
}
</style>
موفق باشید.
چنانچه قصد برگزاری دوره ، مشاوره و یا سفارش پروژه را دارید ، درخواست خود را ارسال نمایید
ارسال درخواست دوره
از دوره های دورآموز و شرایط آن دیدن نمایید
خوب بود