Notice: Undefined property: Database::$query_show in /home3/websea/public_html/lib/class_db.php on line 112
دریای وب - Web Sea | نحو تغییر رنگ متن با استفاده از CSS

مقالات آموزشي وب


css
  • نظرات: 0
  • ۱۱ تیر ۱۳۹۳ ۱۹:۵۷
  • به آموزش CSS
  • توسط malekli
  • بازدید کننده: 1610
  • css
  • اخرین ویرایش: -/-
  • (رتبه فعلی 0.0/5 ستاره ها) مجموع آراء: 0

نحو تغییر رنگ متن با استفاده از CSS

0 0

نحو تغییر رنگ متن با استفاده از CSS

color

از ویژگی color برای تغییر رنگ متن قسمتهای مختلف صفحه استفاده می شود. برای مثال می توانید رنگ متن یک جدول را تغییر دهیم و یا قسمتی از متن صفحه را که با تگ SPAN مشخص کرده ایم با رنگ متفاوتی با بقیه متن نمایش دهیم. این تگ از آن جهت که کاربرد تگ <FONT> و در نتیجه شناسه color که در تگ فونت استفاده می شود، در HTML4 در حال محدود شدن است اهمیت بیشتری پیدا می کند.

البته در قسمتهای قبلی هم از این ویژگی استفاده کرده ایم اما در باره آن توضیحی داده نشده است.

مانند COLOR در تگ FONT رنگها در این ویژگی به دو صورت تعیین می شوند. شکل کلی این ویژگی به صورت زیر است:

color: نام رنگ مورد نظر
color:#معادل هگزادسیمال رنگ

اگر می خواهید از رنگهای معمولی که با نام شناخته می شوند استفاده کنید کافی است تا نام رنگ مورد نظر خود را در این ویژگی استفاده کنید. این روش ساده تر است ولی انعطاف پذیری کمتری هم دارد چون تنها می توانید رنگ مورد نظر خود را از بین تعداد اندکی نام رنگ انتخاب کنید.

در صورتی که می خواهید از رنگهای بیشتری استفاده کنید و بهتر بتوانید رنگ مو رد نظر خود را انتخاب کنید می توانید از معادل هگزادسیمال رنگها استفاده کنید. در این صورت می توانید از 216 رنگ مورد استفاده در وب رنگ مورد نظر خود را انتخاب کنید.

اگر جدول مربوط به معادل هگزادسیمال رنگها را می خواهید اینجا را کلیک کنید. (لینک در پنجره جدید باز می شود)

در اینجا به ذکر چند مثال برای استفاده از ویژگی color می پردازیم. ما در اینجا از شناسه style برای تعریف کردن این ویژگی استفاده می کنیم اما به خاطر داشته باشید که می توانیم این ویژگی را برای یک تگ مشخص یا به صورت class و id در بخش HEAD متن یا استایل خارجی نیز به کار ببریم.

برای مثال در استفاده از color برای تغییر رنگ متن یک جدول می توانیم کد جدول را به صورت زیر بنویسیم:

<table border="1" style="color: red">
    <tr>
        <td>
            این متن به رنگ قرمز نمایش داده می شود.
        </td>
    </tr>
</table>

نتیجه کد بالا با کدی که در پایین آمده است یکسان است:

<table border="1" style="color: #FF0000">
    <tr>
        <td>
            این متن به رنگ قرمز نمایش داده می شود.
        </td>
    </tr>
</table>

نتیجه هر دو کد بالا به صورت زیر است:

این متن به رنگ قرمز نمایش داده می شود.

به یاد داشته باشید که می توانید از ویژگی color برای هر کدام از سطرها یا سلولهای یک جدول به صورت جداگانه استفاده کنید. فقط کافیست تا "style="color: XXX را در هر قسمت قرار دهید و رنگ مورد نظر خود را به جای XXX قرار دهید.

اشتراک
  • Twitter
  • del.icio.us
  • Digg
  • Facebook
  • Technorati
  • Reddit
  • Yahoo Buzz
  • StumbleUpon

بدون نظر

اطلاعات! با عرض پوزش فقط کاربران ثبت نام شده می توانند نظر ارسال کنند.وارد شوید یا ثبت نام کنید.

دریای وب  --  Web Sea

ارائه دهنده خدمات مبتنی بر وب


ایمیل : Info@WebSea.ir

درياي وب در شبكه هاي اجتماعي
Web Sea in Social Networks



درياي وب در كلوب    درياي وب در اينستاگرام    درياي وب در لنزور
logo-samandehi