css

css: gradient shade แบบง่าย ๆ

ลองทำเงาขอบบนแบบง่าย ๆ เพื่อทำให้หน้าเว็บดูมีมิติดีขึ้น

แบบไม่มีเงา


แบบมีเงา

web: ลบมุมแบบไม่ต้องใช้ไฟล์ภาพ

ทดสอบการลบมุม แบบไม่ต้องใช้ไฟล์ภาพ แต่ใช้ css แทน

เอามาจาก Nifty Corners: rounded corners without images

drupal: บันทึกเกร็ด

บันทึกเกร็ดเกี่ยวกับ drupal (อาจมีการปรับปรุงเป็นระยะ)

css: drop shadow อย่างง่าย

เอามาจาก PNG drop Shadows

เกร็ด css อีกเกร็ด

คำสั่ง padding และ margin ของ css สามารถกำหนดเป็นเปอร์เซนต์ได้ เช่น

 margin: 5%;

สามารถแก้ปัญหาบราวเซอร์ไม่รองรับ ได้โดยการกำหนดเป็น point แทน

บางครั้งที่เราต้องการแสดงผลเป็นหลายคอลัมน์ เราจะกำหนดความกว้างเป็นเปอร์เซนต์
เพื่อให้ความกว้างของคอลัมน์สามารถเปลี่ยนตามความกว้างของบราวเซอร์ได้อย่างเหมาะสม

Syndicate content