نمایش یک عکس به صورت دارای خطوط حاشیه (Bordered Image)، با کلاس w3-border ، در W3.CSS

برای آنکه در اطراف یک عکس، خطوط حاشیه (Border) نمایش داده شود، باید از کلاس w3-border در چارچوب W3.CSS استفاده نماییم.

برای این منظور، کلاس w3-border را به صورت زیر برای تگ img ذکر می کنیم (تگ img برای نمایش عکس به کار می رود - کلید شماره 507 ) :

همان طور که مشاهده می کنید، مقداری padding (حاشیه) را نیز برای تگ img تعریف کرده ایم تا خطوط حاشیه (Border) کمی از اطراف عکس فاصله بگیرند.

به مثال زیر توجه کنید :