کدهای جاوا اسکریپت

انواع متن سایه دار css

برای ایجاد متن سایه دار بایستی ما از زبان سی اس اس استفاده کنیم همانگونه که در سایت های مختلف دیده اید ایجاد این گونه متن ها باعث زیبا تر شدن محیط وب شما می شود البته زیاده روی در استفاده از این گونه متن ها میتواند باعث زشت شدن قالب شما شود ، امروز به بررسی و نحوه ایجاد این گونه افکت ها برای متن ها و لینک ها می پردازیم .

برای شروع کار به قسمت head قالب خود رفته و یک تگ style ایجاد کنید

<style>


</style>

سپس بایستی یک کلاس ایجاد کنید مثل زیر

<style>

.javaweb{ }

</style>

نام کلاس ما javaweb است که اختیاری است اما علایم آن که نقطه و کروشه هستند اجباری است

سپس بایستی کدهای مربوط به سایه را وارد کلاس کنیم

<style>

.javaweb{text-shadow: 2px 2px 1px #CCCCFF; }

</style>

اعداد مربوط به اندازه سایه و #CCCCFF مربوط به رنگ آن است 

تا اینجا ما استایل خود را نوشته ایم حال وقت آن رسیده تا این استایل را به متن خود بدهیم

برای این کار یک تگ پاراگراف ایجاد کنید و کلاس مربوطه را مانند زیر به آن بدهید

<p  class="javaweb">
متن آزمایشی مورد نظر
</p>

اما برای لینک ها هم میتوانید همین کار را بکنید

<a class="javaweb" href="#">سلام متن آزمایشی</a>


روش دوم :

روش دومی هم هست به جای اینکه ما استایل مورد نظر را در یک کلاس بنویسیم مستقیما آن را وارد تگ می کنیم به شکل زیر

 <a style=" text-shadow: 2px 2px 1px #CCCCFF " href="#">سلام متن آزمایشی</a>

برچسب‌ها: لینک سایه دار، متن سایه دار، خاصیت text-shadow، shadow، آموزش ایجاد متن سایه دار، آموزش مبتدی
+ نوشته شده در  1392/10/08ساعت 10:39 ق.ظ  توسط javawebs 

نظرات (0)
برای نمایش آواتار خود در این وبلاگ در سایت Gravatar.com ثبت نام کنید. (راهنما)
نام :
ایمیل :
وب/وبلاگ
ایمیل شما بعد از ثبت نمایش داده نخواهد شد