🐬 Wapmaster share code hay: Code tổng hợp

Làm thế nào để - văn bản vị trí trên một hình ảnh

Cách Đặt Văn bản trong Hình ảnh

Bottom Left

Top Left

Top Right

Bottom Right

Centered

.bottom-left {
    position: absolute;
    bottom: 8px;
    left: 16px;
}

.top-left {
    position: absolute;
    top: 8px;
    left: 16px;
}

.top-right {
    position: absolute;
    top: 8px;
    right: 16px;
}

.bottom-right {
    position: absolute;
    bottom: 8px;
    right: 16px;
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
</style>

<h2>văn bản vị trí trên một hình ảnh</h2>
<p>Cách Đặt Văn bản trong Hình ảnh</p>

<div class="container">
  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh00P3s5Nlv-XqBHS9hCHhZO9oyJYmeEtfBaS-4vN0qO9arSj_b56KllRKHfF8HE5Nl_bJrJwufVicWmCmV-MRlrl35Usf1Hv-TmnbeBkndzqdZaJIPh2XP3sYb9gnGoL3kq0MBP0lZaCE/s1600/1239584_171290669739357_195491822_n+-+Copy+-+Copy+-+Copy.jpg" alt="Norway" style="width:100%;">
  <div class="bottom-left">Bottom Left</div>
  <div class="top-left">Top Left</div>
  <div class="top-right">Top Right</div>
  <div class="bottom-right">Bottom Right</div>
  <div class="centered">Centered</div>
</div>

Thanh trong suốt vào ảnh

Tôi đã nói dối để theo đuổi với nhân phẩm, nó biện pháp đầu tiên được mở rộng.

Trình đơn thả xuống

Thả xuống Trình đơn thả xuống là trình đơn có thể chuyển đổi cho phép người dùng chọn một giá trị từ danh sách được xác định trước:

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}
</style>
<p>Thả xuống
Trình đơn thả xuống là trình đơn có thể chuyển đổi cho phép người dùng chọn một giá trị từ danh sách được xác định trước:
</p>

<div class="dropdown">
  <button class="dropbtn">Dropdown</button>
  <div class="dropdown-content">
    <a href="#">Link 1</a>
    <a href="#">Link 2</a>
    <a href="#">Link 3</a>
  </div>
</div>

Hiệu ứng lật ảnh.

Kéo xuống hiện STOP

#myBtn:hover {
  background-color: #;
}
</style>

function scrollFunction() {
    if (document.body.scrollTop > 1600 || document.documentElement.scrollTop > 1600) {
        document.getElementById("myBtn").style.display = "block";
    } else {
        document.getElementById("myBtn").style.display = "none";
    }
}

// When the user clicks on the button, scroll to the top of the document
function topFunction() {
    document.body.scrollTop = 0;
    document.documentElement.scrollTop = 0;
}
</script>

Viết văn bản ngang hinh ảnh

111111111111111

222222222222222

Liên Quân Mobile là tựa game thu nhỏ của Liên Minh Huyền Thoại trên di động, trò chơi hội tụ và kế thừa tinh hoa của trò chơi

DAT007 KÍNH CHÚC CÁC BẠN THÀNH CÔNG TRONG CÔNG VIỆC

Code tổng hợp