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

کد کادر دور متن به کمک 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>