کد سایه دار کردن متن

کد سایه دار کردن متن این کد یکی از کدهای کاربردی سایت و وبلاگ میباشد شما میتوانید با این کد متنهای دلخواه خود را سایه دار کنید این کد با css ساخته شده مقدار سایه دار شدن را میتوانید در کد تنظیم نمایید.

کد سایه دار کردن متن

دمو کد

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
text-shadow: 2px 2px;
}

p {
text-shadow: 1px 2px;
}
</style>
</head>
<div dir="rtl">
<body>

<h1>codebazan.ir</h1>

<p><b>کدبازان:</b>سایت کدبازان یکی از سایتهای برتر در زمینه انتشار انواع کدهای سایت و وبلاگ میباشد.</p>

</body>
</html>

 

سایه دار کردن و اضافه کردن رنگ سفید

کد سایه دار کردن متن
دمو
<!DOCTYPE html>
<html>
<head>
<style>
h1 {    color: white;    text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;}p {    text-shadow: 1px 2px;}
</style>
</head>
<center>
<body>

<h1>codebazan.ir</h1>


</body>
</html>

رنگ دار کردن  رنک سایه متن

کد سایه دار کردن متن
دمو
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
    text-shadow: 2px 2px 5px red;
}
</style>
</head>
<center>
<body>

<h1>codebazan.ir</h1>


</body>
</html>

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

کد سایه دار کردن متن
دمو
ebazan.ir</h1>
<!DOCTYPE html>
<html>
<head>
<style> 
div {
 width: 34%;
 height: 70px;
 padding: 15px;
 background-color: red;
 box-shadow: 10px 10px 5px grey;
 margin:60px 200px 0;
 text-align:center;
}
</style>
</head>
<body>
<div>codebazan</div>

</body>
</html>

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

*

code