กลับไปหน้า Web Design Tipsกลับไปหน้า Web Design Tipsกลับไปหน้า Web Design Tips

การใช้ CSS กับ ปุ่มของ Form

ถ้าคุณเบื่อหน้าตาของปุ่ม Submit ของ Form ที่มีแต่สีเทา ลองมาเปลี่ยนสีปุ่ม Submit กันเถอะ การเปลี่ยนสีปุ่มทำด้วยการใช้ CSS มาช่วยนั่นเอง การทำก็ไม่ยุ่งยากอะไร เพียงแค่เพิ่ม Tag ที่ผม Highlight สีแดงไว้

<input type="submit" style="background-color:green; color:yellow;" name="submit"> ก็จะได้ปุ่มที่มีสีสันตามที่เรากำหนด background และ color ไว้

ใส่ background เป็นรูปภาพก็ได้ โดยเปลี่ยน style="background-image และบอกที่เก็บรูปไว้ในช่อง URL()"
<input type="submit" style="background-image: url(image.gif);">


 

| Home | My Bookmark | Dreamweaver Tutorials | Web Design Tips | Just for Fun | About |

Copyright © 2000 Sleepy Design. All rights reserved.