ส่งต่อ

การใช้รายการ หรือ list เป็นที่นิยมกันอย่างแพร่หลายในหมู่นักเขียนเว็บครับ เพื่อทำให้การเขียนเป็นไปอย่างมีระบบ ซึ่งหลายท่านอาจจะยังไม่รู้และอาจไม่รู้จัก เรามาทำความรู้จักกันครับ

ถ้าหากท่านยังไม่รู้จักกับโค๊ด <ul> <ol> <li> แนะนำให้ไปอ่านที่นี่ก่อนครับ

  • รายการ
  • รายการ
  • รายการ

ทีนี้ตามที่เห็น คือของผมมันเป็นจุดสีฟ้า ซึ่งปกติแล้วจะเป็นจุดสีดำแบบนี้ ● วิธีเปลี่ยนก็คือนำโค๊ด


/* List bullets */
li {
list-style-image: url(
รูปจุด/bullet ของคุณ);
}


ไปใส่ไว้ใน CSS ครับ ซึ่งก็แล้วแต่ระบบของแต่ละ blog ว่าใส่กันอย่างไร แต่ไม่ยาก เพราะมันแค่การวางไว้เฉยๆครับ

ตัวอย่างรูปของผมคือ


/* List bullets */
li {
list-style-image: url(
http://lh6.ggpht.com/pin14260/SQfhIofwmzI/AAAAAAAAAc8/yTdssrcsATg/bullet.gif);
}


เพียงแค่นี้ท่านก็จะได้จุดหรือ Bullet Points สวยๆมาไว้ใช้แล้วล่ะครับ