کد border در طراحی سایت

از زمانی که زبان Css در دنیای طراحی سایت متولد شده است زیبایی و انعطاف پذیری در طراحی سایت افزایش یافته است دیگر نیاز نیست از تصاویر بیش از اندازه در طراحی سایت استفاده نماییم . به راحتی می توانیم با استفاده از زبان و کد های Css جلوه های زیبایی به وب سایت خود دهیم . در زیر به یکی از کدهای بسیار کاربردی در زیان CSS که در طراحی سایت استفاده می شود اشاره ای می کنم.

دستور border در طراحی سایت

بوردر یا همان border در طراحی سایت دستوری است که برای زیبایی در حاشیه های و اطراف باکس ها , Div ها و بخش های مختلف وب سایت مورد استفاده قرار می گیرد.این کد انعطاف بالایی دارد و از طریق آن می توانیم انواع مختلف حاشیه ( border) را بر روی بخش های مختلف وب سایت خود اعمال نماییم. تنظیمات border مر بوط به پهنای حاشیه ، ابعاد باکس بالا ، پایین ، چپ و راست همچنین رنگ و نوع حاشیه می شود.

استفاده از کد border در طراحی سایت

دستور بوردر در Css بدین صورت اعمال می شود .

Border : x px type color

که در کد بالا به ترتیب X پهنای border در طراحی سایت را به ما نمایان می کند.و type نوع بوردر را مشخص می کند .و در نهایت هم که color رنگ بوردر را برای ما نشان می دهد توجه داشته باشید که در قسمت رنگ می توانیم نام رنگ مورد نظر یا کد رنگ وحتی می توانیم از کد rgb نیز استفاده نمایید.

با استفاده از border در طراحی سایت می توانید جلوه های زیبایی را در وب سایت خود درست کنید که موجب می شود کاربر پسندی وب سایت بالا رود در نهایت سئو سایت و بهینه سازی وب سایت نیز بهتر می شود. در شکل زیر با استفاده از border چه طرح خوبی را پیاده کرده است:

استفاده درست از border در طراحی سایت می تواند در بهتر کردن دید وب سایت و تفکیک بخش های مختلف در وب سایت کمک بزرگی برای شما باشد که نتیجه اش بالا بردن سئو سایت و کاربرپسند بودن آن می شود . از نظر روانشناختی نیز این کار موجب می شود افرادی که وارد وب سایت می شوند سردرگم نشوند و به راحتی کار خود را انجام دهند.