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

کد سایه دار کردن متن این کد یکی از کدهای کاربردی سایت و وبلاگ میباشد شما میتوانید با این کد متنهای دلخواه خود را سایه دار کنید این کد با 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>

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

دیدگاهتان را بنویسید لغو پاسخ