“gambar latar belakang CSS tailwind” Kode Jawaban

gambar latar belakang CSS tailwind

<!--
Arbitrary values
If you need to use a one-off background-image value that doesn’t make sense to include in your theme, use square brackets to generate a property on the fly using any arbitrary value.
-->

<div class="bg-[url('/img/hero-pattern.svg')]">
  <!-- Your Code -->
</div>
Condemned Cat

kisi gambar css tailwind css

########### Responsive Grids ###############

<div class="flex flex-wrap">
  <div class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/6 mb-4 bg-gray-500"></div>
  <div class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/6 mb-4 bg-gray-400"></div>
  <div class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/6 mb-4 bg-gray-500"></div>
  <div class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/6 mb-4 bg-gray-400"></div>
  <div class="w-full sm:w-1/2 md:w-1/3 lg:w-1/2 xl:w-1/6 mb-4 bg-gray-500"></div>
  <div class="w-full sm:w-1/2 md:w-1/3 lg:w-1/2 xl:w-1/6 mb-4 bg-gray-400"></div>
</div>
Lokesh003

Gambar BG Tailwind

  // tailwind.config.js
  module.exports = {
    theme: {
      extend: {
        backgroundImage: theme => ({
+         'hero-pattern': "url('/img/hero-pattern.svg')",
+         'footer-texture': "url('/img/footer-texture.png')",
        })
      }
    }
  }
Smoggy Sandpiper

Tailwind latar belakang-gambar

<div className="bg-[url('../public/assets/images/banner.svg')]">
Roberto Espinoza

Jawaban yang mirip dengan “gambar latar belakang CSS tailwind”

Pertanyaan yang mirip dengan “gambar latar belakang CSS tailwind”

Lebih banyak jawaban terkait untuk “gambar latar belakang CSS tailwind” di HTML

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya