آموزش کار با ویژگی Rounded Images در css

در این مقاله می آموزید که چطور با استفاده از CSS و Html تصاویر دایره شکل و دورانی ایجاد کنید.

از ویژگی border-radiusاستفاده کنید تا به تصویر حاشیه دورانی اضافه کنید. استفاده از عدد 50% ، تصویر را به شکل دایره ایجاد میکند.

قدم اول : کد HTML را اضافه کنید.
مثال :

قدم دوم : کد CSS را اضافه کنید.
مثال :

img {
  border-radius: 50%;
}

نمونه مثال Rounded Images:



<h2>Rounded Images</h2>

<img src="http://articles.tahlildadeh.com/image.axd?picture=img_avatar_1.png " alt="Avatar" style=

خروجی Rounded Images

طراحی تصویر آواتار برای وب سایت

1400/01/18 2420 434

رمز عبور : tahlildadeh.com یا www.tahlildadeh.com

نظرات شما