خوش آمدید , میهمان گرامی! ورود or ثبت نام

تغییر رنگ قالب



بستن
دیجیتال مارکتینگ
sitecode sitecode 0 16
گفتگوی آزاد
admin luna 2614 141810
باور (Belief)
tree of life tree of life 0 43
دانلود کتاب الکترونیک هفت پیکر سلیمان
admin admin 22 168
دانلود کتاب خود آموز علوم غریبه -میر داماد کبیر- جلد دوم
admin admin 105 808
دانلود کتاب خطی سر الاسرار (یا سراکبر )
admin admin 114 596
دانلود کتاب رستاخیز مردگان
admin admin 98 650
شب های اواکسی ...
user luna 934 114621
بالا بردن امنیت سرور مجازی لینوکس در کاربری وب
pouyanweb98 pouyanweb98 0 32
آکواریوم آنتالیا
mostafaahadi mostafaahadi 0 32
آشنایی با مراحل اخذ ویزای شینگن
mostafaahadi mostafaahadi 0 34
راهنمای کامل معرفی کوین آنتولوژی (ONTOLOGY) و ولت‌های مخصوص آن
mostafaahadi mostafaahadi 0 44
ایمپلنت های دندانی
mostafaahadi mostafaahadi 0 34
پلاک بعد از ارتودنسی
mostafaahadi mostafaahadi 0 34
کوک پیانو
mostafaahadi mostafaahadi 0 42
تهیه بک آپ از داده ها به صورت روزانه
mostafaahadi mostafaahadi 0 39
طراحی سایت ” پورتال سازمانی “
mostafaahadi mostafaahadi 0 34
شرایط تحصیل در استانبول
hexa12 hexa12 0 63
گریتینگ چیست ؟
kian2137 kian2137 0 56
کبد چرب و علائم آن؟؟
ghazal_01 niloofarmajdi 4 3744
انواع مختلف شارژرهای مختلف را می شناسید؟
niloofarmajdi niloofarmajdi 0 54
مزیت های سرور مجازی میکروتیک چیست
pouyanweb98 pouyanweb98 0 54
رمان شما که غریبه نیستید+لینک دانلود
mohadese mmmmaaammmaann 5 1834
همین الان تو چه فکری هستی؟ (22)
گلایه luna 521 22025
"امضاهای " من!!!
دخترمشرقى luna 321 52046
دلت میخواد نفر بعدیت کی باشه ؟ ( 3 )
sana luna 821 63411
به نظرت نفر قبلیت چه رنگیه؟
فرشاد شاه luna 614 30938
ساختار داخلی لنگه درب های ضد سرقت ایستادر و انواع رویه ها
istadoor istadoor 0 62
دندانپزشکی در خواب یا سدیشن چیست؟
دندانپزشکی رایا دندانپزشکی رایا 0 55
آیا استفاده از شارژر فندکی به باتری گوشی آسیب می رساند؟
niloofarmajdi niloofarmajdi 0 55
طراحی سایت آگهی
sitecode sitecode 0 69
با وارد کردن شماره موبایل آدرس مالکش رو از طریق ماهواره پیدا کنید
geddis زهراجزایری 27 55146
دلتنگ و دلتنگی...
غزل m@rzieh 39 6606
دل...
گلایه m@rzieh 189 26689
طراحی سایت و انتخاب رنگ مناسب
sitecode sitecode 0 57
کفش طبی زنانه از کجا اینترنتی بخرم؟
lemonn lemonn 0 58
دلــنوشتــــه (2)
roshanak.m luna 156 29019
تفاوت سرور مجازی و اختصاصی و ویژگی آن ها
pouyanweb98 pouyanweb98 0 57
طراحی فروشگاه اینترنتی
zahrahmd zahrahmd 0 79
انتخاب اجباری برای نفر بعدی (6)
گلایه نینجا 1 658 44148

نماد ها
دسترسی سریع به تاپیکهای مهم
تبلیغات
مطالب منتخب
مطالب پربازدید
مطالب پربازدید
آموزش برنامه نویسی .CSS (ایجاد کادر)زمان کنونی: Friday 28 February 2020, 08:59
کاربرانِ درحال بازدید از این موضوع: 1 مهمان
نویسنده: moonlover
آخرین ارسال: moonlover
پاسخ: 1
بازدید: 521
 
امتیاز دهید:
  • 32 رأی - میانگین امیتازات : 3.06
  • 1
  • 2
  • 3
  • 4
  • 5
آموزش برنامه نویسی .CSS (ایجاد کادر)
Sunday 12 September 2010, 15:30
ارسال: #1
آموزش برنامه نویسی .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. مقدار عددی بر حسب پیکسل
          در این روش می توانیم مقدار ضخامت کادر را بر حسب پیکسل تعیین کنیم. به مثال زیر توجه کنید:

          این هم کادر به دست آمده:
          این کادر 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>

    این کادر به رنگ سبز خواهد بود.

با دو تن , با دو مــــرد ؛
عشق ِ من { نــــا
بــــ } میشود.. 6 8
نقل قول


موضوع های مرتبط با این موضوع...
موضوع: نویسنده پاسخ: بازدید: آخرین ارسال
  معرفی ابزارهای ایجاد پالت رنگی در طراحی سایت sitecode 0 89 Sunday 02 February 2020 22:00
آخرین ارسال: sitecode
  برنامه نویسی دسکتاب چیست؟ sale50105010 0 134 Thursday 28 November 2019 09:52
آخرین ارسال: sale50105010
  برنامه نویسی وب سایت Ahmad698 0 158 Thursday 14 November 2019 16:42
آخرین ارسال: Ahmad698
  ایجاد بازتاب آینه ای با استفاده از CSS و Reflection.js magbot 0 222 Thursday 13 June 2019 22:31
آخرین ارسال: magbot
  کدام زبان برنامه نویسی را برای طراحی وب سایت باید یاد بگیریم؟ nopardaz 0 272 Monday 18 March 2019 12:49
آخرین ارسال: nopardaz

پرش به انجمن:



زمان کنونی: Friday 28 February 2020, 08:59