گذاشتن حاشیه مطابق شکل، در اطراف محدوده مورد نظر

[davood59]

سلام دوستان؛
وقتتون بخیر؛
یک سوال از خدمتتون داشتم:
به این شکل که بریده ای از یک شکل کاملتر هستش نگاه کنید:


http://barnamenevis.org/border.jpg%20-%206.5%20Kb (http://uplod.ir/ix95vp5vyine/border.jpg.htm)http://barnamenevis.org/border.jpg%20-%206.5%20Kb (http://uplod.ir/ix95vp5vyine/border.jpg.htm)http://1.pend.uphero.com/images/68908dd3227b.jpg


می بینید که از دو border در کنار همدیگه استفاده کرده؛ حالا سؤال من اینه که:
1- اگه از همین border عکس بگیرم و بندازم دور محدوده مورد نظر بهتره؟ یا
2- با دستور border بهش کادر بدم و تنظیمش کنم؟
ممنون میشم اگه توضیح بدید و بگید کدوم بهتره همراه با مثال.

[zeinab-es'haghi]

به نظر من کلا هر چی کمتر از عکس استفاده بشه تو لود شدن صفحه قشنگ تره ،چون معمولا عکس ها با یه فاصله زمانی لود میشن که زیبایی صفحه رو کم میکنه

[sahebgharan]

این فقط 2 تا رنگه پس استفاده از عکس به نظرم منطقی نیست.
با اسفاده از border و outline فک کنم بشه پیادش کرد، مثلا این جوری:
#box {
border: 5px solid #700;
outline: 5px solid #699;
outline-offset: -9px;
}

[davood59]

با اسفاده از border و outline فک کنم بشه پیادش کرد
آره ایده شما خوبه؛ در دستور شما outline-offset: -9px; در واقع میزان افتادگی خط بیرون روی خط داخلی هستش دیگه! درسته؟

[sahebgharan]

یعنی 9px از border بیا تو تر (به خاطر منفی). آفست یا مبدا outline باهاش مشخص کردم (اگه 10 بذارین این دو تا border هم اندازه می شن چون دوتاشونو 5 گذاشتم)
البته می تونین از 3 تا div با رنگ پس زمینه ی مختلفم استفاده کنین چون فک کنم طبق معمول IE اینو نشناسه! (outline-offset)