কম্পিউটার টিউটোরিয়াল

CSS-এ ইমেজ পাথ সেট করা


CSS-এ ইমেজ পাথ সেট করতে border-image-source প্রপার্টিটি ব্যবহার করা হয়। ইমেজ পাথ সেট করতে নিচের কোডটি চালান:

উদাহরণ

  <html>
  <head>
  <style>
  #borderimg1 {
    border: 15px solid transparent;
    padding: 15px;
    border-image-source: url(https://tutorialspoint.com/css/images/border.png);
    border-image-repeat: round;
  }
  </style>
  </head>
  <body>
  <p id="borderimg1">এটি একটি ইমেজ বর্ডার উদাহরণ।</p>
  </body>
  </html>

  1. CSS দিয়ে বাটনের প্রস্থ সেট করুন

  2. CSS দিয়ে ছবির ওপর বাটন রাখুন

  3. CSS-এ লিনিয়ার গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড ইমেজ হিসেবে সেট করা

  4. CSS-এ রেডিয়াল গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড ইমেজ সেট করুন