Skip to toolbar

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 


Deprecated: Theme without comments.php is deprecated since version 3.0.0 with no alternative available. Please include a comments.php template in your theme. in /home/zp1291/domains/oxygenyoyo.com/public_html/wp-includes/functions.php on line 4913

ฝากข้อคิดเห็น

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