NECTEC
NSTDA
Home
Computer
Program
Internet & Web
Graphics
CAI
Multimedia
Electrical Power
General Education
Special Education
Links
Webmaster
Web Design by HTML

สร้าง Effect ให้กับ Button Tag
  • เติมสีพื้นให้กับปุ่ม
<button style="background-color:รหัสสี/ชื่อสี">ข้อความ</button>

ตัวอย่าง <button style="background-color:lightgreen">ปุ่มแบบข้อความ</button>   

  • เติมรูปภาพเป็นพื้นของปุ่ม
<button style="background-image:url(ไฟล์รูปภาพ)"><img src="ไฟล์รูปภาพ"></button>

ตัวอย่าง

  • เติมสีพื้นให้กับปุ่ม
<button style="background-color:transparent">ข้อความ</button>

ตัวอย่าง

  • ควบคุมความกว้างและความสูงของปุ่ม
<button style="width:ค่าความกว้าง;height:ค่าความสูง">ข้อความ</button>