آموزش ساخت اشکال مختلف با استفاده از CSS

[مصطفی افروزی 67]

در این تاپیک می‌خواهم یک آموزش در مورد ساخت اشکال های مختلف مانند دایره ، قلب ، لوزی و… با استفاده از این تکنیک ها برای رسم اشکال در طراحی وب سایت های خود حجم سایت طراحی شده شما کم می شود نسبت به حالتی که از فایل های تصویری برای نمایش اشکال استفاده می‌کنید. این روزها یکی از فاکتورهای مهم رتبه بندی سایت گوگل در جستجو ، سرعت لود سایت می باشد.

چگونه از این کدها استفاده کنم ؟

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

قالب و یا کدهای HTML سایت خود در کنار دیگر کدهای CSS سایت خود استفاده کنید و سپس در مکانی که دوست دارید آن شکل در سایت شما نمایش داده شود کافی است از کد زیر استفاده کنید.

توجه داشته باشید که بجای عبارت name در کد بالا باید از نام هر یک از اشکال زیر در کد HTML سایت خود استفاده کنید.

نمایش مربع و مستطیل با استفاده از CSS

ساده ترین شکلی که با استفاده از کدهای CSS می توانید تولید کنید شکل یک مربع و یا مستطیل در صفحات سایت شما است. در زیر کدهای CSS مربوط به ساخت یک چهار ضلعی را در صفحات وب مشاهده می‌کنید.

#square {
width: 100px;
height: 100px;
background: #555;
}

[/center]

[/center]

[/center]

[/center]

[/center]

[/center]

[/center]

[/center]

[/center]

منبع: تورتک

آرزومند آرزوهایتان