کد کادر دور متن به کمک css

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

 

کادر دور متن و عکس

دمو کد

توجه نمایید هر دو قسمت کد در باز زیر قرار دارند بعد از کپی کردن جدا سازی نمایید.

<!--این قسمت را در هد سایت خود قرار دهید-->

<div style="position:absolute;top:-200%;"><a  href="https://codebazan.ir/">&#1705;&#1583; &#1705;&#1575;&#1583;&#1585; &#1583;&#1608;&#1585; &#1605;&#1578;&#1606; &#1576;&#1607; &#1705;&#1605;&#1705; css</a></div><style>#curve{background-color: #ccff99; border: 5px solid #00009C; width: 350px; height: 100px; border-radius:5px;}</style>


<!--کد زیر  را در قسمت دلخواه قرار دهید-->

<center>
<div id="curve"> <center>
کادر دور متن زیبا
</div>

برای استفاده از کد فقط در قسمت دلخواه مثلا در قسمتی از قالب میتوانید از استایل درون خطی و کد بصورت یکجا استفاده نمایید که در زیر نمونه ان را قرار خواهم داد.

پیش نمایش کد زیر

<div  style="background-color: #cc6699; border: 5px solid #00009C; width: 350px; height: 100px; border-radius:10px;"> <br><p><center>
کادر دور متن زیبا
</div>

 

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

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

*

code