تغیر رنگ دکمه ها در html

**mostafa mousavi** · November 30th, 2015 13:39

سلام دوستان

من یک کد دارم با چند دکمه از نوع button(اگه اشتباه ننوشته باشم) می خواستم رنگ داخل این دکمه عوض کنم

کسی میتونه راهنماییم کنه!

Sent from my C6903 using Tapatalk

**Xx Joker xX** · November 30th, 2015 14:38

سلام
با استفاده از CSS و CSS3 میتونید رنگ داخلش رو عوض کنین البته باید با اصولش آشنا باشید ولی اگه آشنا هستید که
[تنها اعضای سایت قادر به دیدن لینک‌ها هستند. ]

**mostafa mousavi** · November 30th, 2015 17:05

نوشته اصلی توسط Xx Joker xX [تنها اعضای سایت قادر به دیدن لینک‌ها هستند. ]

سلام
با استفاده از CSS و CSS3 میتونید رنگ داخلش رو عوض کنین البته باید با اصولش آشنا باشید ولی اگه آشنا هستید که
[تنها اعضای سایت قادر به دیدن لینک‌ها هستند. ]

ممنون

این کد ها از css بودن؟؟؟

می تونم توhtml هم استفاده کنم؟

چون من کل صفحه ای که طراحی کردم با html

Sent from my C6903 using Tapatalk

**AmirHosseinGT** · November 30th, 2015 17:53

از تگ style استفاده کنید

**mostafa mousavi** · November 30th, 2015 18:20

نوشته اصلی توسط AmirHosseinGT [تنها اعضای سایت قادر به دیدن لینک‌ها هستند. ]

از تگ style استفاده کنید

از چه مشخصه ای!

دوستان راهنمایی کنید ممنون میشم

Sent from my C6903 using Tapatalk

**Xx Joker xX** · November 30th, 2015 19:51

این کد ها از css بودن؟؟؟

می تونم توhtml هم استفاده کنم؟

همونطور که دوستمون گفت با تگ style قابل انجام است

از چه مشخصه ای!

دوستان راهنمایی کنید ممنون میشم

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

کد HTML:

.تنها اعضای سایت قادر به دیدن این محتوا هستند. لطفاً وارد شوید و یا برای عضویت رایگان و بی‌دردسر در سایت کلیک کنید

برای دکمه هاش با کد های زیر

<button class="button">Green</button>
<button class="button button2">Blue</button>
<button class="button button3">Red</button>
<button class="button button4">Gray</button>
<button class="button button5">Black</button>

استایلی تعریف کرده و اون رو توی <head> گذاشته که توی تمامی button class ها با کلاس button اعمال بشه
(استایلش اینه)

که گذاشته توی هد صفحه قبل از بسته شدن تگ <head> یعنی قبل از <head/>

**mostafa mousavi** · November 30th, 2015 20:36

نوشته اصلی توسط Xx Joker xX [تنها اعضای سایت قادر به دیدن لینک‌ها هستند. ]

همونطور که دوستمون گفت با تگ style قابل انجام است

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

کد HTML:

.تنها اعضای سایت قادر به دیدن این محتوا هستند. لطفاً وارد شوید و یا برای عضویت رایگان و بی‌دردسر در سایت کلیک کنید

برای دکمه هاش با کد های زیر
<button class="button">Green</button>
<button class="button button2">Blue</button>
<button class="button button3">Red</button>
<button class="button button4">Gray</button>
<button class="button button5">Black</button>
استایلی تعریف کرده و اون رو توی <head> گذاشته که توی تمامی button class ها با کلاس button اعمال بشه
(استایلش اینه)
<style>
.button {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}

.button2 {background-color: #008CBA;} /* Blue */
.button3 {background-color: #f44336;} /* Red */
.button4 {background-color: #e7e7e7; color: black;} /* Gray */
.button5 {background-color: #555555;} /* Black */
</style>

که گذاشته توی هد صفحه قبل از بسته شدن تگ <head> یعنی قبل از </head>

ممنون بسیار عالی بود حل شد

فقط میشه یک راهنمایی دیگه هم کنید
اگه بخوام border فایل تکست رنگش عوض کنم باید چه کار کنم!

Sent from my C6903 using Tapatalk

**Xx Joker xX** · December 1st, 2015 12:35

نوشته اصلی توسط mostafa mousavi [تنها اعضای سایت قادر به دیدن لینک‌ها هستند. ]

فقط میشه یک راهنمایی دیگه هم کنید
اگه بخوام border فایل تکست رنگش عوض کنم باید چه کار کنم!

یه مقدار واضح تر توضیح بدید اگه میشه مثالی با عکس بزنید

موضوع: تغیر رنگ دکمه ها در html

ابزار‌های موضوع

نحوه نمایش موضوع

تغیر رنگ دکمه ها در html

اطلاعات موضوع

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

موضوعات مشابه

Picture To HTML تبدیل عکس به فایلهای HTML

تغیر ip

چطوری دکمه هایی نظیر دکمه های ویندوز ویستا درست کنم؟

آموزش اضافه کردن دکمه موضوع جدید در کنار دکمه ارسال پاسخ

تبديل فايل هاي html به php با HTML TO PHP CONVERTER v4.3

کاربرانی که این تاپیک را مشاهده کرده اند: 0

کلمات کلیدی این موضوع

مجوز ‌های ارسال و ویرایش

تبلیغات متنی

عضویت در خبرنامه