css

Topic: 
 

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

แบบไม่มีเงา


แบบมีเงา
Topic: 
 

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

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

Topic: 
 

บันทึกเกร็ดเกี่ยวกับ 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

Topic: 
 

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

margin: 5%;

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

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

Pages

Subscribe to RSS - css