رنگ گدرن دور کادر در Css

با سلام

چطوری میشه داخل CSS برای یه کادر مشخص ForegroundColor مشخص کرد؟

یعنی فقط دور یه کادر را (فقط دورش) را رنگ کنیم؟

نقل قول:

---

نوشته شده توسط amir000555

با سلام



یعنی فقط دور یه کادر را (فقط دورش) را رنگ کنیم؟

---

سلام :)
https://www.w3schools.com/cssref/pr_border.asp

مرسی از پاسخ دهی.
یه سوال:
اگه توی سایت اصلی مایکروسافت رفته باشید حتما دیدید که وقتی روی یه دکمه ی داخل سایت کلیک میکنید یه کادر با خط چین دورش کشیده میشه. این چطوری این کار را کرده؟

نقل قول:

---

نوشته شده توسط amir000555

مرسی از پاسخ دهی.
یه سوال:
اگه توی سایت اصلی مایکروسافت رفته باشید حتما دیدید که وقتی روی یه دکمه ی داخل سایت کلیک میکنید یه کادر با خط چین دورش کشیده میشه. این چطوری این کار را کرده؟

---

یه زحمت بکشید و لطفا قبل از سوال کردن دروس HTML و CSS را یاد بگیرید .

و اما جواب :

https://www.w3schools.com/css/css_border.asp

یه نمونه دیگه ای بدید.
من میخوام (وقتی) کسی روی دکمه ای کلیک کرد دور آن به صورت خط چیت در بیاید.

نقل قول:

---

نوشته شده توسط amir000555

یه نمونه دیگه ای بدید.
من میخوام (وقتی) کسی روی دکمه ای کلیک کرد دور آن به صورت خط چیت در بیاید.

---

کد HTML:

---

p.dashed {border-style: dashed;}

---

https://jsfiddle.net/anvari/5ffLwpey/

ممنون بازم. ولی میگم من اینارو بلدم میدونستم . خواهش دارم سوالی که اون اول کردم را به طور دقیق و کامل بخونید شما حتی توی سایت مایکروسافت نرفتید ببینید که منظورم چیه.
این کدی که دادی فقط یه بار کلیک که کردی میره و نمیمونه مایکروسافت ولی میمونه.
من کدشو اینطوری در نظر گرفتم :

کد HTML:

---

.Line:Active {Border-Style: Dashed; }

---

ولی بازم میگم که کلیک کنید نمیمونه یه لحظه ای نشون میده.

اصلا به سوال توجه ای نمیکنید.

فرض می کنیم شما دکمه - لینک و یا هر کنترل طرف دیگه ای دارید (حالت نرمال)
کاربر مییاد و بر روی این کنترل شما کلیک می کنه (باید با جی کوئری این رویداد رو بگیریم)
به کنترل مورد نظر یک کادر در اطرافش اضافه میشه (یه کلاس جدید بهش اضافه میشه که براش یک کادر با رنگ و مشخصات مورد نظر اضافه می کنه) و اگر از قبل یک کنترلی دارای کادر بود آنرا حذف می کنیم

.active
{
border: 1px dashed #CC3333;
}



<a href="#">Home</a>
<a href="#">About us</a>
<a href="#">Contact us</a>




<script>
$( "a" ).click(function() {
$( "a" ).removeClass( "active" );
$( this ).addClass( "active" );
});
$(document).on('mouseup', function(e) {
if(!$(e.target).closest('a').length) {
$('a').each(function(){
$(this).removeClass( "active" );
});
}
});
</script>

نقل قول:

---

نوشته شده توسط amir000555

ممنون بازم. ولی میگم من اینارو بلدم میدونستم . خواهش دارم سوالی که اون اول کردم را به طور دقیق و کامل بخونید شما حتی توی سایت مایکروسافت نرفتید ببینید که منظورم چیه.
این کدی که دادی فقط یه بار کلیک که کردی میره و نمیمونه مایکروسافت ولی میمونه.
من کدشو اینطوری در نظر گرفتم :

کد HTML:

---

.Line:Active {Border-Style: Dashed; }

---

ولی بازم میگم که کلیک کنید نمیمونه یه لحظه ای نشون میده.

اصلا به سوال توجه ای نمیکنید.

---

ضمیمه 145379

فکر کنم تو این منو رو میخای درست کنی و پس زمینه منو مد نظرت است . اونو بهش میگن background . یه نمونه برات نوشتم . ببین :

https://jsfiddle.net/anvari/p7qyspoy/

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

نقل قول:

---

نوشته شده توسط amir000555

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

---

لطفا اسکرین شات بذارید . من کلی زحمت کشیدم تا متوجه شدم منظور شما چی بود . هیچی رو دقیق بیان نمیکنید .
اگر نیاز دارید پاسخ داده بشه سوال شما , لطف کنید و اسکرین بگیرید و مشخص کنید کدام ناحیه مد نظرتان است .

سپاس

شرمنده اصلا حواسم به اسکرین شات نبود

نقل قول:

---

نوشته شده توسط amir000555

شرمنده اصلا حواسم به اسکرین شات نبود

---

https://jsfiddle.net/anvari/46htzke0/