บทความนี้จะแนะนำคุณ:
ข้อกำหนดเบื้องต้น: สร้างไฟล์ HTML
สามารถสร้างหน้า HTML ได้โดยทำตามคำแนะนำ:
- เพิ่มสอง “ ” องค์ประกอบในไฟล์ HTML
- กำหนดรหัสเป็น “ วรรค 1 ' และ ' วรรค 2 ” ตามลำดับ
- ระบุเนื้อหาของย่อหน้าภายในรายการต่อไปนี้:
< หน้า ระดับ = 'วรรค 1' >
คนที่ประสบความสำเร็จเพียงแค่ใช้ความพยายามอย่างหนักและประสบความสำเร็จตามเป้าหมาย พวกเขาไม่มีพรสวรรค์ตามธรรมชาติ
คนที่ประสบความสำเร็จเพียงแค่ใช้ความพยายามอย่างหนักและประสบความสำเร็จตามเป้าหมาย พวกเขาไม่มีพรสวรรค์ตามธรรมชาติ < / หน้า >
< หน้า ระดับ = 'พาราทู' >
คนที่ประสบความสำเร็จเพียงแค่ใช้ความพยายามอย่างหนักและประสบความสำเร็จตามเป้าหมาย พวกเขาไม่มีพรสวรรค์ตามธรรมชาติ
คนที่ประสบความสำเร็จเพียงแค่ใช้ความพยายามอย่างหนักและประสบความสำเร็จตามเป้าหมาย พวกเขาไม่มีพรสวรรค์ตามธรรมชาติ < / หน้า >
< / แผนก >
เอาต์พุต
จะเปลี่ยนระยะห่างระหว่างย่อหน้าใน CSS ได้อย่างไร
“ ขอบ คุณสมบัติ ” สามารถเพิ่มช่องว่างระหว่างย่อหน้า นอกจากนี้ การใช้ “ ระยะขอบล่าง ” สถานที่ให้บริการจะเป็นทางเลือกที่ดีในกรณีนี้
เพิ่มคุณสมบัติเส้นขอบเพื่อแสดงช่องว่างระยะขอบที่โดดเด่น
สไตล์คลาส “para1”
.para1 {ชายแดน : 1px แข็ง สีเทา ;
ระยะขอบล่าง : 70px ;
}
“ .para1 ” ใช้เพื่อเข้าถึงองค์ประกอบ
ด้วยรหัส “ วรรค 1 ” และใช้คุณสมบัติต่อไปนี้:
- “ ชายแดน คุณสมบัติ ” ใช้กับค่าความกว้างของเส้นขอบ สไตล์ และสี ตั้งค่าเส้นขอบรอบย่อหน้า
- “ ระยะขอบล่าง ” เพิ่มช่องว่างที่ด้านล่างของย่อหน้า
สไตล์คลาส “para2”
.para2 {ชายแดน : 1px แข็ง สีเทา ;
}
“ ” องค์ประกอบที่มีรหัส “ วรรค 2 ” ยังใช้กับเส้นขอบโดยใช้ CSS “ ชายแดน ' คุณสมบัติ.
สังเกตได้ว่าเพิ่มช่องว่างระหว่างย่อหน้าเรียบร้อยแล้ว:
จะเปลี่ยนระยะห่างภายในย่อหน้าใน CSS ได้อย่างไร
ซีเอสเอส “ ความสูงของเส้น คุณสมบัติ ” ใช้เพื่อเพิ่มช่องว่างระหว่างบรรทัดของย่อหน้า
ในการทำเช่นนั้น ให้เพิ่มคุณสมบัติ line-height ไปที่ “ ” องค์ประกอบที่มี id “ วรรค 1 ”:
ความสูงของบรรทัด: 2;เอาต์พุต
นั่นคือทั้งหมดที่เกี่ยวกับการเปลี่ยนช่องว่างระหว่างย่อหน้า
บทสรุป
หากต้องการเปลี่ยนช่องว่างระหว่างย่อหน้า ขั้นแรก ให้เพิ่มย่อหน้าในไฟล์ HTML โดยใช้ปุ่ม ' ' องค์ประกอบ. จากนั้น CSS “ ระยะขอบล่าง คุณสมบัติ ” ใช้เพื่อเพิ่มช่องว่างระหว่างย่อหน้า ซีเอสเอส “ ความสูงของเส้น ” คุณสมบัติเพิ่มช่องว่างภายในย่อหน้า โพสต์นี้มีรายละเอียดเกี่ยวกับขั้นตอนการเปลี่ยนระยะห่างระหว่างย่อหน้าและภายในย่อหน้า