نمایش یک عکس به صورت دایره ای شکل (Circled Image)، با کلاس w3-circle ، در W3.CSS
برای نمایش یک عکس به صورت دایره ای شکل (Circled Image)، کلاس w3-circle در چارچوب W3.CSS به کار می رود.
برای این منظور، کلاس w3-circle را به صورت زیر برای تگ img ذکر می کنیم (تگ img برای نمایش عکس به کار می رود - کلید شماره 507 ) :
به مثال زیر توجه کنید :
بخش مهم کدها :
کد کامل صفحه HTML :
نتیجه :
اگر اندازه طول و عرض عکس با هم برابر نباشند، آنگاه عکس به صورت یک دایره کامل نخواهد بود و شکل بیضی به خود می گیرد.
به مثال زیر توجه کنید :
همان مثال قبل را با یک عکس جدید تکرار می کنیم که طول و عرض آن، از نظر اندازه با یکدیگر تفاوت زیادی داشته باشند.
نتیجه :
دسته بندی
عکس ها (Image)، در W3.CSS
نویسنده
علیرضا گلمکانی
شماره کلید
26268
گزینه ها
نظرات 0 0 0