[x]ปิดหน้าต่าง

บทความ (Article)

  [ ดูบทความทั้งหมด ]

ให้คะแนนบทความนี้

บทความหมายเลข 267 | คะแนน Rating: 2.2/5 ดาว (จากจำนวนโหวต 6 votes)

Tag :


เปลี่ยนสัญลักษณ์หน้า list

CSS

ในบทเรียน HTML จะมีเรื่องการเขียน list อยู่ซี่งเครื่องหมายที่อยู่หน้า list นั้นสามารถเปลี่ยนได้โดยใช้คำสั่ง CSS 

ลองพิมพ์ดูง่ายนิดเดียว คลิกที่หัวข้อเพื่อทดลองพิมพ์

    1.เปลี่ยนสัญลักษณ์หน้า list แบบไม่มีการเรียงลำดับ
    list แบบไม่มีลำดับ สัญลักษณ์จะเป็นรูปซึ่งสามารถเปลี่ยนเป็น วงกลมแบบทึบ วงกลมแบบโปร่ง ส่ีเหลี่ยม หรือไม่ต้องการให้แสดงก็ได้

    2.เปลี่ยนสัญลักษณ์หน้า list แบบมีการเรียงลำดับ
    ตัวอย่างเปลี่ยนสัญลักษณ์หน้า list แบบมีลำดับ 

    3.สัญลักษณ์ทั้งหมด
    ในตัวอย่างแสดงสัญลักษณ์ของ list ทั้งหมด สัญลักษณ์ตั้งแต่ lower-greek จะแสดงในเฉพาะ firefox เท่านั้น ถ้าใช้ Internet Explorer จะเห็นเป็นวงกลมปรกติ

    4.ใช้รูปภาพเป็นสัญลักษณ์
    สามารถใช้รูปภาพเป็นสัญลักษณ์ของ list ได้ ดังตัวอย่างที่แสดง 

    5.กำหนดตำแหน่งให้กับสํญลักษณ์
    ตัวอย่างเป็นการกำหนดตำแหน่งให้กับสัญลักษณ์ ซึ่งกำหนดได้ 2 ตำแหน่งคือ 1.inside , 2.outside

    6.รวมคำสั่งที่ใช้กับ list
    ตัวอย่างแสดงการรวมคำสั่งที่ใช้กับ list


เข้าชม : 178126    [ ขึ้นบน ]


เคล็ดลับเขียนเว็บไซต์ 15 อันดับล่าสุด

      วิธีสร้างแผนที่ google map เพื่อติดในเว็บไซต์ของคุณ 8 / มิ.ย. / 2560
      วิธีสร้างแผนที่ google map เพื่อติดในเว็บไซต์ของคุณ 8 / มิ.ย. / 2560
      วิธีเปลี่ยนเว็บไซต์ให้แสดงเป็น ขาว-ดำ เพื่อรวมไว้อาลัยกับการสวรรคตของ "ในหลวง" รัชกาลที่ ๙ 14 / ต.ค. / 2559
      Title tags กับการทำ Search Engine Optimization (SEO) 2 / ก.ย. / 2559
      การทำ SEO คืออะไร 2 / ก.ย. / 2559
      ลงโปรแกรมเพื่อจำลองเครื่องของเราให้เป็น Web Server ตอนที่ 2 2 / ก.ย. / 2559
      ลงโปรแกรมเพื่อจำลองเครื่องของเราให้เป็น Web Server ตอนที่ 1 2 / ก.ย. / 2559
      PHP คืออะไร 2 / ก.ย. / 2559
      table จัดรูปแบบของตารางด้วยคำสั่ง css 2 / ก.ย. / 2559
      เปลี่ยนสัญลักษณ์หน้า list CSS 2 / ก.ย. / 2559
      padding จัดระยะห่างระหว่างขอบของวัตถุ และเนื้อหา CSS 2 / ก.ย. / 2559
      Margin กำหนดระยะห่างระหว่างวัตถุ CSS 2 / ก.ย. / 2559
      คำสั่งที่เกี่ยวกับเส้นขอบ CSS 2 / ก.ย. / 2559
      คำสั่งจัดการฟอนต์ (font) 2 / ก.ย. / 2559
      คำสั่งที่ใช้กับข้อความ (text) CSS 2 / ก.ย. / 2559



  เพิ่มความคิดเห็น
ชื่อ/อีเมลล์ :  สมาชิกไม่ต้องกรอก
ใส่รหัสยืนยัน
ไอคอน : ย่อหน้า จัดซ้าย จัดกลาง จัดขวา ตัวหนา ตัวเอียง เส้นใต้ ตัวยก ตัวห้อย ตัวหนังสือเรืองแสง ตัวหนังสือมีเงา สีแดง สีเขียว สีน้ำเงิน สีส้ม สีชมพู สีเทา
อ้างอิงคำพูด เพิ่มเพลง เพิ่มวีดีโอคลิป เพิ่มรูปภาพ เพิ่มไฟล์ Flash เพิ่มลิงก์ เพิ่มอีเมล์
ข้อความ :




ข้อความที่ท่านได้อ่าน เกิดจากการเขียนโดยสาธารณชน และส่งขึ้นมาแบบอัตโนมัติ เจ้าของระบบไม่รับผิดชอบต่อข้อความใดๆทั้งสิ้น เพราะไม่สามารถระบุได้ว่าเป็นความจริงหรือ ชื่อผู้เขียนที่ได้เห็นคือชื่อจริง ผู้อ่านจึงควรใช้วิจารณญาณในการกลั่นกรอง และถ้าท่านพบเห็นข้อความใดที่ขัดต่อกฎหมายและศีลธรรม กรุณาแจ้งที่ Webmasterเพื่อให้ผู้ควบคุมระบบทราบและทำการลบข้อความนั้น ออกจากระบบต่อไป

แจกฟรีแนวข้อสอบภาค ก ท้องถิ่น ความรู้ความสามารถทั่วไป 1866 ข้อ
แชร์ด่วน! แจกฟรี ไม่มีลิขสิทธิ์ แนวข้อสอบท้องถิ่น ปี2560 จำนวน 417ข้อ+เฉลยครบทุกข้อ
แบ่งปันความรู้ สู่ความก้าวหน้า แจกแนวข้อสอบท้องถิ่น #ฟรี (พร้อมเฉลย) ใช้ได้ทุกตำแหน่ง
วิธีสร้างแผนที่ google map เพื่อติดในเว็บไซต์ของคุณ
วิธีสร้างแผนที่ google map เพื่อติดในเว็บไซต์ของคุณ
กศน.กำแพงเพชร ร่วมพิธีวางพวงมาลาเนื่องในวันคล้ายวันสวรรคตสมเด็จพระนเรศวรมหาราช

 

ครูเชนดอทคอม เว็บไซต์แห่งการแลกเปลี่ยนของครู กศน. ครูนอกระบบ ครูในระบบ  

ติดต่อลงข่าวสาร  โฆษณา โทร.081-1077987
## MAXSITE 1.10 plus ##   | ADMIN | by ครูเชนดอทคอม | Facebook | Youtube | Google plus+ | IOS | Android | สร้าง QR code