Tạo điểm nhấn cho bài viết trong Blogger bằng thẻ MARK

Highlight parts of your text by using <mark> tag

Nếu trang của bạn hay giới thiệu những thủ thuật hay thiết kế web. Bạn muốn tạo điểm nhấn cho bài viết của mình. Hãy tham khảo bài viết sau đây của Iris Tips.

Thêm CSS cho thẻ <mark>

Vào Mẫu >> Chỉnh sửa HTML và chèn đoạn code sau trước thẻ ]]></b:skin>
Style 1

 mark {padding:1px 4px;color:#d14;background-color:#f7f7f9;border:1px solid #e1e1e8;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font-family:monospace;text-decoration:none;font-size:14px} 

• DEMO

Ví dụ Style 1: Iris Tips

Style 2

 mark{font:normal 10px tahoma;background:#ccc;line-height:100%!important;padding:8px;margin-bottom:5px;color:#fff;background-color:#aaa;border-radius:3px;-webkit-border-radius:3px;text-align:center;text-transform:uppercase;text-decoration:none;transition:.4s}
mark:hover{color:#fff!important;background:#666;transition:.4s}
 

• DEMO

Ví dụ Style 2: Iris Tips

Style 3

 mark{background:#ffffe0;color:#000;padding:0 4px;border-radius:4px;display:inline-block;font-size:.9em;box-shadow:0 1px 2px #000} 

• DEMO

Ví dụ Style 3: Iris Tips

Style 4

 mark{display:inline-block;border:1px solid #ccc;border-radius:4px;padding:0.1em 0.5em;margin:0 0.2em;box-shadow:0 1px 0px rgba(0,0,0,0.2), 0 0 0 2px #fff inset;background-color:#f7f7f7;} 

• DEMO

Ví dụ Style 4: Iris Tips

Style 5

 mark{background:#f9f9f9;padding:10px 20px 10px;border:2px dashed #3598DB;text-align:left;margin-top:10px;} 

• DEMO

Ví dụ Style 5: Iris Tips

Style 6

 mark{padding:5px 9px;  margin-right:5px;  font:14px tahoma;  color:#333 !important;  border-radius:0;  border:1px solid #FFD369;  margin-bottom:10px;  background:#FFF2D2} 

• DEMO

Ví dụ Style 6: Iris Tips

Sử dụng thẻ <mark> khi viết bài trên Blogger

Khi đăng bài bạn bạn có thể sử dụng thẻ <mark> theo cú pháp sau

 <mark>Nội dung cần làm nổi bật</mark> 

Nếu có bất kỳ vấn đề khó khăn hay câu hỏi gì, bạn đừng ngần ngại, hãy để lại bình luận ở form bên dưới nhé.
Chúc bạn thành công!

Created by Iris Tips

• Twitter
• Facebook
• Google+
• LinkedIn
• Pinterest

Iris Tips

Có thể bạn quan tâm