Khi viết một bài viết trên wordpress, đôi khi bạn muốn tạo 1 khung có màu nền nổi bật để thu hút sự chú ý của người đọc về tầm quan trọng của nó. Ví dụ như những tổng kết cho 1 đoạn văn dài chẳng hạn:

  • Ý nghĩa 1
  • Ý nghĩa 2
  • Ý nghĩa 3

Để làm được điều này, rất đơn giản là bạn chỉ cần chuyển từ chế độ “Visual” xang “HTML” hoặc “Text” ở phần soạn thảo văn bản của wordpress:

HTML View

Ví dụ như đối với đoạn văn bản màu vàng ví dụ bên trên, khi xem chế độ html bạn sẽ thấy đoạn:

<ul>
 <li>Ý nghĩa 1</li>
 <li>Ý nghĩa 2</li>
 <li>Ý nghĩa 3</li>
</ul>

bạn chỉ cần bọc đoạn đó bằng 2 tag HTML sau:

<div style="border-style: solid; border-width: 2px; border-color: #D9D5B0; background-color: #fffbcc;">
</div>

Kết quả là:

<div style="border-style: solid; border-width: 2px; border-color: #D9D5B0; background-color: #fffbcc;">
<ul>
 <li>Ý nghĩa 1</li>
 <li>Ý nghĩa 2</li>
 <li>Ý nghĩa 3</li>
</ul>

Khi trỡ lại chế độ Visual, bạn sẽ thấy kết quả bạn mong muốn.

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *