معمولا گذاشتن حاشیه برای تصاویر در هر وبسایت تصاویر رو جذاب تر خواهد کرد.
در این مطلب چند حاشیه در عین آموزش نمونه‌هایی از تصاویر رو قرار خواهیم داد.
تصویر بدون حاشیه
تصویر با حاشیه نازک
با افزودن کد زیر به CSS قالبتون تصاویر رو به شکل بالا در بیاورید.
PHP:
img { border:1px solid #021a40;}
این تصویر هم از Double Border یا حاشیه دوبرابر استفاده شده است.
برای ایجاد همچین حاشیه ای کد زیر رو به فایل CSS اضافه کنید.
برای ایجاد همچین حاشیه ای کد زیر رو به فایل CSS اضافه کنید.
HTML:
img { padding:1px; border:1px solid #021a40;}موفق باشید.
[*=right]منبع : تارمستر
[*=right]منبع تصاویر : css-tricks
آخرین ویرایش: