Init HTML

Đây là demo hiệu ứng gạch chân cụm từ, bạn có thể dùng để làm nổi bật liên kết hoặc từ khóa cho văn bản nhé.

CSS

Bạn thêm đoạn CSS sau.

.highlight-text {
    background-color: #fff;
    background-image: linear-gradient(
        120deg,
        #9cff00 0,
        #9cff00 100%
    );
    background-repeat: no-repeat;
    background-size: 100% 0.4em;
    background-position: 0 100%;
}

HTML

Bạn sử dụng bằng cách thêm highlight-text vào cụm từ cần làm nổi bật.

<span class="highlight-text">từ khóa</span>

Chúc các bạn thành công!