fordev22.com รับพัฒนาระบบ รับพัฒนาเว็บแอพพลิเคชั่น รับพัฒนาเว็บไซต์ รับเขียนโปรแกรม สอนทำเว็บ สอนเขียนเว็บ สอนทำเว็บ php สอนBootstrap สอนทำเว็บราคาถูก รับทำเว็บไซต์ราคาถูก โปรเจ็คจบ ทำเว็บแบบง่าย ๆ สอนทำเว็บรองรับมือถือ สอนทำเว็บรองรับทุกอุปกรณ์ สอนคอมพิวเตอร์ html php css web app sql Bootstrap Mysql XAMPP

ในปกติ Bootstrap จะให้สีปุ่มมาเพียง 4 สี แต่หากเราอยากได้สีมากกว่านั้น
เราก็ต้องเขียน CSS เพิ่มเล็กน้อย ขั้นตอนการทำนั้น ไม่ยากอย่างที่คิด
คลิ๊กดูคลิปวีดีโอได้เลย

โค๊ด CSS

/*สีปุ่มตอนยังไม่ชี้*/.btn-1{
							color:#fff;/*สีตัวหนังสือในปุ่ม*/
							background-color:#6962EC;/*สีพื้นหลังปุ่ม*/
							border-color:#6962EC;/*สีเส้นขอบปุ่ม*/
							border-width: 0.5px;/*ขนาดของเส้นขอบปุ่ม*/
							}
/*สีปุ่มตอนชี้*/.btn-1:hover,.btn-1:focus,.btn-1.focus{
					color:#fff;/*สีตัวหนังสือในปุ่ม*/
					background:#33F;/*พื้นหลังปุ่ม*/
					border-color:#6962EC;/*เส้นขอบปุ่ม*/
					border-width: 0.5px;/*ขนาดของเส้นขอบปุ่ม*/
					}

/*สีปุ่มตอนยังไม่ชี้*/.btn-1{

color:#fff;/*สีตัวหนังสือในปุ่ม*/

background-color:#6962EC;/*สีพื้นหลังปุ่ม*/

border-color:#6962EC;/*สีเส้นขอบปุ่ม*/

border-width: 0.5px;/*ขนาดของเส้นขอบปุ่ม*/

}

/*สีปุ่มตอนชี้*/.btn-1:hover,.btn-1:focus,.btn-1.focus{

color:#fff;/*สีตัวหนังสือในปุ่ม*/

background:#33F;/*พื้นหลังปุ่ม*/

border-color:#6962EC;/*เส้นขอบปุ่ม*/

border-width: 0.5px;/*ขนาดของเส้นขอบปุ่ม*/

}

You might also like