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

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

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

customize style sheet

บันทึกสไตล์ชีตที่ควรปรับปรุง

...
pre {
  background-color: #eee;
  padding: .5em 1.5em 1.5em .5em;
  border: 1px solid #ddd;
  width: 95%;
  overflow: auto;
}
code {
  color: #016;
}
dt {
  font-weight: bold;
  margin-top: .5em;
}
...

อธิบาย

เอามาจาก PNG drop Shadows

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

margin: 5%;

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

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