Logo

Mahdi Abqari

More Articles

General Articles

  • Cloud Storage Solutions
  • Quantum Computing
  • AI Innovations
  • Tech Gadgets 2024
  • Instagram Algorithm Explained
  • Streaming Services
  • Smartphone Optimization
  • Metaverse Explained
  • Boost Internet Speed
  • Benefits of 5G
  • Top Browser Extensions
  • Top Programming Languages 2024
  • Free Video Editing Tools
  • Smartphone Secrets
  • ChatGPT Tips
  • Free Learning Websites
    • Show More

    Technical Articles

  • Var and Let in JS
  • Array in JS
  • How to use 'Interface' in TS?
  • How to use Image in React.js?
  • JSX tips
  • What is UseState?
  • Text Sizes in Tailwind
  • How to Change bg in Tailwind?
  • Graf ql
  • Middelwares in Express
    • Show More

    تغییر پس زمینه در Tailwind

    Tailwind CSS یک فریم‌ورک قدرتمند برای طراحی رابط‌های کاربری است که به شما امکان می‌دهد به راحتی استایل‌های مختلف را به عناصر HTML خود اعمال کنید. یکی از ویژگی‌های مهم Tailwind CSS، قابلیت تغییر بکگراند است. در این مقاله، به بررسی نحوه تغییر بکگراند در Tailwind CSS می‌پردازیم.

    نحوه تغییر پس‌زمینه در Tailwind CSS

    برای تغییر بکگراند در Tailwind CSS، می‌توانید از کلاس‌های پیش‌فرض این فریم‌ورک استفاده کنید. این کلاس‌ها به شما امکان می‌دهند تا به راحتی رنگ یا تصویر پس‌زمینه را تغییر دهید. در زیر چند نمونه از این کلاس‌ها آورده شده است:

    bg-red-500 : پس زمینه قرمز

    bg-green-500 : پس زمینه سبر

    bg-blue-500 : پس زمینه آبی

    bg-black : پس زمینه مشکی

    bg-white : پس زمینه سفید

    bg-[#00000] : پس زمینه با استتفاده از کد رنگی

    bg-gradient-to-r : پس زمینه گریدینت

    M.N.S logo

    M.N.S

    Join us in the world of technology. As a developer, I’m always striving to create better digital experiences

    Telegram IconInstagram IconGitHub Icon

    All Services

    - Programming

    - Web & App Development

    - Back-end

    - Front-end