CSS trick

บทความนี้จะทำไว้รวมสิ่งที่เรียนรู้ CSS จากคนอื่นมา ขี้เกียจเขียนไว้ในสมุดเดี๋ยวก็ลืมว่าเขียนไว้เล่มไหน เลยเอามาแปะไว้ก่อน

เวลาใช้พวก Bootstrap แล้วอยากแก้ไขบางอย่างที่เขาไม่ได้กำหนดมาให้

การทำพวก ul ให้อยู่ตรงกลาง

ul {

margin: 0 -x; ( ตามค่าที่ padding ที่กำหนด)

}


ul li {

padding: 0 x;

width:25%; /* กี่ Column ก็เอามาหาเช่น 25 คือ 4 column */

box-sizing: border-box; 

float:left;

}

 

หากว่ามี ul ที่ไม่เต็มทั้งจอแต่ให้อยู่ตรงกลาง 

li {

display: inline-block; 

}

ul li {

text-align: center;

}

 

วิธีทำลูกศรสามเหลี่ยม กลับหัว ( หารูปจากเว็บที่ทำให้เแบงค์ )

#footer:after {

content: “ “

position:absolute;

left:50%

height:0;

width:0;

border:15px solid transparent;

border-top-color:gray;

z-index:9999;

}

 

โปรแกรม fontXchange โปรแกรม Mac สำหรับ convert font 

ถ้าคุณชอบบทความในเว็บนี้ และอยากสนับสนุนเรา เพียงแค่คุณสมัครรับข่าวสารด้านล่างจะได้รับสิทธิ์พิเศษก่อนใคร เราสัญญาว่าจะส่งบทความที่เป็นประโยชน์ต่อคุณอย่างแน่นอนครับ

Loading

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Message us

เราใช้คุกกี้เพื่อพัฒนาประสิทธิภาพ และประสบการณ์ที่ดีในการใช้เว็บไซต์ของคุณ คุณสามารถศึกษารายละเอียดได้ที่ นโยบายความเป็นส่วนตัว และสามารถจัดการความเป็นส่วนตัวเองได้ของคุณได้เองโดยคลิกที่ ตั้งค่า

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

ปฎิเสธทั้งหมด
Manage Consent Preferences
  • คุกกี้ที่จำเป็น
    Always Active

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

  • คุกกี้ที่จำเป็น

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

บันทึก