جلوه دادن از نظر رنگ به یک border ، بعنوان مثال کمرنگ کردن وسط border

[davood59]

سلام دوستان؛
چند روز پیش یه مقاله ای دیدم در خصوص جلوه دادن به رنگها در css3 ؛ حالا میخواستم ببینم یعنی تو css 2.1 نمیشه این کار رو کرد؟ یا بعنوان مثال شکل زیر رو مشاهده کنید:


http://up.vatandownload.com/images/9pu6jszgl19gvdgq3wme.jpg


میشه border ی مطابق شکل فوق با این دستور ایجاد کرد:

border: 17px solid #320444;
outline: 11px solid #6D2080;
outline-offset: -1px;

ولی طبق این دستور کل امتداد border دارای رنگ مشخصی بوده و طیف رنگی نداره ، یعنی ابتدا، وسط و آخر border دارای یکنواختی رنگ هستن؛ حالا اگه بخوام طیف هم به رنگم اعمال بشه از چه دستوراتی باید استفاده کنم؟

[Saber Mogaddas]

سلام
به وسیله دستور css 3 میشه این کار رو انجام داد :

border: 8px solid #000;
-moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-top-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-left-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-right-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
padding: 5px 5px 5px 15px;

من با فایل pie.htc (http://barnamenevis.org/showthread.php?352616-%D8%AF%D8%B1-%D9%85%D9%88%D8%B1%D8%AF-%D8%A7%D8%AC%D8%B1%D8%A7%DB%8C-CSS-3.0) برای مرورگر های مختلف این کد رو تست نکردم زحمتش گردن شما..
ولی تو ff جواب میده ..
نه اگه می خواهید که بدون استثنا تو همه مرورگر ها جواب بده بهتر که طراحی کنید تو فتوشاپ و به عنوان عکس و دیو های تو در تو جایگزاری کنید.
موفق باشید..