امتیاز موضوع:
  • 8 رأی - میانگین امتیازات: 2
  • 1
  • 2
  • 3
  • 4
  • 5
نحو تغییر رنگ متن با استفاده از CSS
#1
[تصویر:  adobe-blueprint-css-icon.png]
نحو تغییر رنگ متن با استفاده از CSS

[تصویر:  Actions-color-picker-black-icon.png]
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>

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


[تصویر:  13459875291.bmp]


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


موضوعات مرتبط با این موضوع...
موضوع نویسنده پاسخ بازدید آخرین ارسال
  اعمال تغییر بر روی لینکها در صفحه با استفاده از استایل انجمن مخ ها 0 244 27-08-2012، 09:06 PM
آخرین ارسال: انجمن مخ ها
  تغییر شکل نشانگر ماوس با استفاده از استایل انجمن مخ ها 0 242 27-08-2012، 08:58 PM
آخرین ارسال: انجمن مخ ها
  تغییر موقعیت عناصر صفحه با استفاده از CSS انجمن مخ ها 0 217 25-08-2012، 10:57 PM
آخرین ارسال: انجمن مخ ها

پرش به انجمن:


کاربرانِ درحال بازدید از این موضوع: 1 مهمان