آموزش کار با ویژگی 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
