تبلیغات
Par30net | پارســـی نت
ورود کاربران
نام کاربری :
کلمه عبور :
کلمه عبور خود را فراموش کرده ام ؟
منوی کاربری

Make Your HomePage    Send Email To Admin    Add to Favorites

پیغام مدیر : با عرض سلام و خسته نباشی دوستانی که مایلند با ما تبادل لینک کنند از قسمت لینک دوستان لینک خود را برای ما ارسال نمایند

با تشکر   

عضویت در سایت


تماس با ما


ارسال پیام

لینكهای ویژه
لینك دوستان
چت بامدیـــــر
جستجوگر

Google
  
            
     در كل اینترنت
     در پارســـی نت

نظر سنجی

نظر شما راجع به رنگبندی سایت چیست ؟






آمار وب
بازدید های امروز:
بازدیدهای دیروز:
بازدید این ماه :
بازدید ماه گزشته:
کل بازدید ها:
نویسندگان سایت:
كل مطالب ارسالی:
آخرین به روز رسانی:
طراح قالب

Hosted by:

IranHost

ساعــــت

نویسنده گان
  • سید حسین رفعتی(416)

  • موضوعات












    آرشیو
  • هفته چهارم فروردین 1389 ( 5 )
  • هفته چهارم دی 1388 ( 115 )
  • هفته سوم دی 1388 ( 1 )
  • هفته دوم دی 1388 ( 18 )
  • هفته اول دی 1388 ( 212 )
  • هفته چهارم آذر 1388 ( 78 )
  • همه آرشیوها
  • آخرین پستها

    اس ام اس sms ماه رمضان – سری ۳

    اس ام اس و پیامک رمضان – سری ۴

    اس ام اس عید فطر

    اس ام اس عید غدیر خم – سری ۳

    اس ام اس ولادت حضرت محمد و امام صادق

    مقدمه آموزش CSS

    اصول نوشتن کد های CSS

    استفاده از شناسه Style

    CSS در HEAD صفحه

    فایل CSS خارج از صفحه

    تنظیم طول و عرض عناصر

    ایجاد کادر برای عناصر

    حاشیه و تو رفتگی عناصر صفحه

    تعیین موقعیت عناصر صفحه

    کار با متنها ( بخش اول )

    کار با متنها (بخش دوم )

    تنظیم فونت با CSS

    تنظیم رنگ متن با CSS

    تنظیم رنگ و تصویر زمینه

    تنظیم تکرار تصویر زمینه

  • همه پستها
  • لوگو دوستان


    وضعیت


    »آدرس آی پی شما:

      AddThis Feed Button



    تبلیغات
    امروز :



     آخرین اخبار سایت

    چت روم پارسِِــــی نت را اندازی شد (جدید)

    شما دوستان عزیز می توانید با عضویت در سایت و ورود به حساب کاربری خود از چت روم سایت پارســــی نت بهرمند شوید         ( تاریخ ارسال : 25/10/1388 )











    توجه:برای تبادل بنر اول بنر وب من را در وبلاگ یا سایت خود قرار دهید بعد بنر خود را برای ما بفرستید.

    برای ارسال بنر خود اینجا كلیك كنید

    ایجاد کادر برای عناصر

    پست: 417  |  موضوع مرتبط: آموزشی > CSS

    آموزش CSS

    نحوه ایجاد کادر برای عناصر صفحه با استفاده از استایل

    کادر (Boder)

    border-style

    با استفاده از استایل ما می توانیم برای اجزای یک صفحه کادر ایجاد کنیم. با استفاده از پارامتر border-style می توانیم مشخص کنیم که آیا می خواهیم کادر داشته باشیم یا نه، و اگر می خواهیم نوع کادری را که می خواهیم ایجاد کنیم مشخص کنیم. در اینجا می توانید برخی از مقادیری را که می توانیم برای border-style استفاده کنیم را ببینید:

    1. none
      با استفاده از این مقدار تعیین می کنیم که نمی خواهیم کادر داشته باشیم. در صورتی که مقداری غیر از none تعیین شود کادر خواهیم داشت.
       
    2. solid
       
      This DIV have a solid border

    3. dashed
       
      This DIV have a dashed border

    4. dotted
       
      This DIV have a dotted border

    5. double
       
      This DIV have a double border

    6. groove
       
      This DIV have a groove border

    7. hidden
       
      This DIV have a hidden border

    8. inset
       
      This DIV have a inset border

    9. outset
       
      This DIV have a outset border

    10. ridge
       
      This DIV have a ridge border

    همانطور که می بینید عرض این کادرها بیش از آن چیزی است که ما نیاز داریم چون ما برای این کادرها عرضی مشخص نکردیم. اگر بخواهیم عرض این کادرها به اندازه مشخصی باشد باید از پارامتر width که قبلاً با آن آشنا شدیم استفاده کنیم. به مثال زیر توجه کنید:

    <div style="width:300px; border-style:solid">برای این کادر عرض 300 پیکسل تعیین شده است.</div>

    نتیجه به این صورت خواهد بود:

    برای این کادر عرض 300 پیکسل تعیین شده است.


    border-width

    این پارامتر به ما اجازه می دهد تا میزان ضخامت کادرها را تعیین کنیم. این پارامتر می تواند مقادیر زیر را داشته باشد:

    1. مقدار عددی بر حسب پیکسل
      در این روش می توانیم مقدار ضخامت کادر را بر حسب پیکسل تعیین کنیم. به مثال زیر توجه کنید:
      <div style="border-style:solid; border-width:10px">این کادر 10 پیکسل ضخامت دارد</div>
      این هم کادر به دست آمده:
       
      این کادر 10 پیکسل ضخامت دارد

    2. thin
      این مقدار باعث خواهد شد تا کادر ما باریک باشد. مانند زیر:
      <div style="border-style:solid; border-width:thin">ضخامت این کادر thin در نظر گرفته شده است.</div>
      این هم کادر به دست آمده:
       
      ضخامت این کادر thin در نظر گرفته شده است.

    3. thick
      این مقدار به ما یک کادر ضخیم خواهد داد. به مثال زیر توجه کنید:
      <div style="border-style:solid; border-width:thick">ضخامت این کادر thick در نظر گرفته شده است.</div>
      نتیجه به صورت زیر خواهد بود:
       
      ضخامت این کادر thick در نظر گرفته شده است.


    border-color

    شما می توانید در صورت تمایل رنگ کادرهای خود را تغییر دهید. برای این کار باید از پارامتر border-color استفاده کنید. برای مقدار این پارامتر می توانید از نام رنگها استفاده کنید. در صورتی که از نام رنگها استفاده کنید فقط می توانید از تعداد کمی از رنگها استفاده کنید. راه دیگری که برای انتخاب رنگ وجود دارد استفاده از معادل هگزادسیمال رنگها است که نسبت به نام رنگها انعطاف پذیری بیشتری دارد.
    به یک نمونه برای تغییر رنگ کادر توجه کنید:

    استفاده از نام رنگها:

    <div style="border-style:solid; border-color:green">این کادر به رنگ سبز خواهد بود.</div>
    این کادر به رنگ سبز خواهد بود.

    استفاده از معادل هگزا دسیمال رنگها:

    <div style="border-style:solid; border-color:#008000">این کادر به رنگ سبز خواهد بود.</div>
    این کادر به رنگ سبز خواهد بود.



    نوشته: سید حسین رفعتی ساعت: 03:33 ب.ظ تاریخ: یکشنبه 27 دی 1388 |+|
    f