ใช้ css เพิ่มสีสันให้กับจุดหรือ Bullet Points ของรายการ หรือ list.

การใช้รายการ หรือ 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 สวยๆมาไว้ใช้แล้วล่ะครับ