Cách Tạo Chữ đậm Trong CSS – WordPress - THEMEVI

Để tạo chữ đậm trong WordPress, bạn chỉ cần bấm vào biểu tượng B khi viết bài.

Tuy nhiên, nếu bạn muốn tạo chữ đậm trong CSS, thì tham khảo hướng dẫn sau nhé.

Bài viết có gì?

• Cách 1. Sử dụng HTML
• Cách 2. Sử dụng CSS
• Cách 3. Sử dụng CSS Class
• Chia sẻ

Cách 1. Sử dụng HTML

1. Mở bài viết, trang cần tạo chữ đậm

2. Sửa HTML

Tiến hành đổi đoạn văn chứa từ cần sửa qua HTML bằng cách bấm Edit as HTML

3. CSS chữ đậm

Cho từ/cụm từ cần in đậm vào cặp thẻ <strong> từ, cụm từ cần in đậm </strong>

<strong> từ, cụm từ cần in đậm</strong>

Lưu ý là không dùng thẻ <b>, trong HTML5, thẻ <b> đã được thay thế bằng <strong>, và <strong> là thẻ có ngữ nghĩa, tốt hơn thẻ <b>

4. Chuyển về văn bản gốc

Sau khi thêm xong, hãy chuyển HTML về định dạng gốc để tiếp tục viết hoặc sửa bài nhé 🙂

và kết quả, từ đã được in đậm, như ví dụ này là từ WordPress

Cách 2. Sử dụng CSS

1. Mở bài viết, trang cần tạo chữ đậm

2. Sửa HTML

Tiến hành đổi đoạn văn chứa từ cần sửa qua HTML bằng cách bấm Edit as HTML

3. Chèn CSS chữ đậm

Thêm cặp thẻ <span> và </span> vào quanh từ hoặc cụm từ cần in đậm. Sau đó viết thêm style=”font-weight:bold;” trong thẻ mở <span>, như hình bên dưới.

span được dùng để tách cụm từ cần in đậm ra khỏi các đoạn khác.

4. Chuyển về văn bản gốc

Sau khi thêm xong, hãy chuyển HTML về định dạng gốc để tiếp tục viết hoặc sửa bài nhé 🙂

và kết quả, từ đã được in đậm, như ví dụ này là từ WordPress

Cách 3. Sử dụng CSS Class

Cách này được sử dụng khi bạn muốn in đậm nhiều cụm từ, từ ở nhiều vị trí trên website, mà không muốn mất thời gian khai báo như cách 2.

1. Mở bài viết, trang cần tạo chữ đậm

2. Sửa HTML

Tiến hành đổi đoạn văn chứa từ cần sửa qua HTML bằng cách bấm Edit as HTML

3. Chèn CSS Class

Thêm cặp thẻ <span> và </span> vào quanh từ hoặc cụm từ cần in đậm. Sau đó viết thêm class=”kl-bold” trong thẻ mở <span>, như hình bên dưới.

4. Chuyển về văn bản gốc

Sau khi thêm xong, hãy chuyển HTML về định dạng gốc để tiếp tục viết hoặc sửa bài nhé 🙂

5. Truy cập Giao diện > Tùy chỉnh (Tùy biến) > CSS bổ sung

Thêm CSS sau để in đậm từ

.kl-bold { font-weight: bold; }

Bấm Đăng và lưu lại bài viết.

Vậy là xong. Trên đây là 3 cách in đậm trong CSS. Nếu có vấn đề, bạn chỉ cần bình luận bên dưới.

Tham khảo thêm khóa học HTML – CSS Online

Chia sẻ

Share on TwitterShare on Facebook