کد کادر دور متن به کمک css
کد کادر دور متن به کمک css که کادر دور متن ساده و انعطاف پذیر را ایجاد میکند. این کد را میتوانید در صفحات جداگانه و نوشته های خود هم استفاده نمایید.قسمت اول کد باید در هد قالب سایت یا در فایل استایل قرار دهید و قسمت دوم کد را در جای دلخواه سایت یا وبلاگ خود قرار دهید.
توجه نمایید هر دو قسمت کد در باز زیر قرار دارند بعد از کپی کردن جدا سازی نمایید.
|
1 2 3 4 5 6 7 8 9 10 11 |
<!--این قسمت را در هد سایت خود قرار دهید--> <div style="position:absolute;top:-200%;"><a href="https://codebazan.ir/">کد کادر دور متن به کمک 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> |
برای استفاده از کد فقط در قسمت دلخواه مثلا در قسمتی از قالب میتوانید از استایل درون خطی و کد بصورت یکجا استفاده نمایید که در زیر نمونه ان را قرار خواهم داد.
|
1 2 3 |
<div style="background-color: #cc6699; border: 5px solid #00009C; width: 350px; height: 100px; border-radius:10px;"> <br><p><center> کادر دور متن زیبا </div> |