CSS Style สำหรับโค้ดในบล็อกของคุณ

CSS

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

p.code {font-family: Courier New; ขนาดตัวอักษร: 8pt; สไตล์ชายแดน: สิ่งที่ใส่เข้าไป; ขอบกว้าง: 3px; ช่องว่างภายใน: 5px; สีพื้นหลัง: #FFFFFF; เส้นสูง: 100%; ระยะขอบ: 10px}

ขั้นตอนต่อไปคือการแก้ไขแท็กของฉันในโหมด "แก้ไข Html" ฉันเพียงแค่ชี้ไปที่สไตล์ใหม่ของฉันโดยการสร้างแท็ก โวลา! แบ่งรูปแบบ:

  • ตั้งค่าแบบอักษรเป็น Courier New …ดูเหมือนโปรแกรมแก้ไขโค้ดทั่วไป
  • กำหนดขนาดตัวอักษรเป็น 8pt เพื่อให้ดูถูกต้อง
  • ตั้งค่าลักษณะเส้นขอบย่อหน้าเป็น 'inset' สิ่งนี้จะจำลองลักษณะของพื้นที่ข้อความบนหน้า
  • ตั้งค่าความกว้างของเส้นขอบเป็น 2 หรือ 3 พิกเซล ทำให้รูปแบบเส้นขอบที่ใส่เข้าไปดูถูกต้อง
  • Padding กำหนดระยะห่างระหว่างเส้นขอบและข้อความภายใน
  • สีพื้นหลัง ... ตั้งเป็นสีขาว (#FFFFFF)
  • ความสูงของเส้น - ฉันปรับค่านี้เป็น 100% เนื่องจากสไตล์อื่น ๆ บางส่วนในธีมบล็อกเกอร์ของฉันทำให้ความสูงของเส้นประมาณ 200%
  • ตั้งค่าระยะขอบเป็น 10 px ซึ่งจะย้ายย่อหน้า (แท็ก p) 10 พิกเซลออกจากทุกสิ่ง

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

ข้อควรทราบอีกประการหนึ่ง…หลังจากที่คุณแก้ไขแท็กแล้วผู้แก้ไข Blogger ชอบสุ่มใช้แท็กที่อื่นในโพสต์ของคุณ มันน่ารำคาญเล็กน้อย! คำแนะนำของฉันคือเขียนโพสต์ทั้งหมดของคุณแล้วทำการแก้ไขเล็ก ๆ น้อย ๆ ในภายหลัง

หมายเหตุสุดท้าย…อย่าลืมใช้เอนทิตี HTML เพื่อแสดงสัญลักษณ์ของคุณ! ตัวอย่างสองสามตัวอย่าง:

  • คำพูด (“) คือ“
  • > คือ>
  • > คือ>

มีความสุขในการเข้ารหัส!

3 คอมเมนต์

  1. 1
  2. 2
  3. 3

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

คุณคิดอย่างไร?

ไซต์นี้ใช้ Akismet เพื่อลดสแปม เรียนรู้วิธีการประมวลผลข้อมูลความคิดเห็นของคุณ.