[ HTML ] Cách sử dụng thẻ marquee để tạo chuyển động cho văn bản.

Cách sử dụng thẻ marquee để tạo chuyển động cho văn bản.

Theo w3docs <Marquee> là thẻ HTML không chuẩn được sử dụng để tạo văn bản cuộn hoặc hình ảnh. Nó được sử dụng để làm cho cuộn văn bản / hình ảnh theo chiều ngang hoặc dọc xuống trang web.

Trong bài viết này mình sẽ hướng dẫn cho các bạn cách sử dụng thẻ marquee và chỉ áp dụng trên văn bản thôi nhé. Cú pháp của thẻ này là như sau:

<marquee></marquee>

Test code

Ví dụ minh họa:

<marquee>Đây là ví dụ cho nó.</marquee>

Test code

Các bạn cũng có thể sử dụng thuộc tính direction để chuyển hướng chuyển động

Ví dụ:

<marquee direction="top">Đây là ví dụ cho nó.</marquee>

Có thể thay thế top thành các chữ như: down,left,right để chuyển hướng chuyển động.

Lưu ý: nếu bạn muốn cho nó nổi bật hơn thì cứ thêm cho nó một ít css. Bạn có thể tham khảo đoạn css ngắn phía dưới:

marquee {

        width: 100%;

        padding: 8px 0;

        background-color: #555;

        border: 1px solid blue;

        color: #fff

      }

Test code