কম্পিউটার

কিভাবে CSS দিয়ে গোলাকার এবং বৃত্তাকার ছবি তৈরি করবেন?


CSS -

দিয়ে গোলাকার এবং বৃত্তাকার ছবি তৈরি করার কোড নিচে দেওয়া হল

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
img {
   border-radius: 50%;
   width: 300px;
   height: 300px;
}
</style>
</head>
<body>
<h1>Rounded Images Example</h1>
<img src="https://i.picsum.photos/id/271/400/400.jpg">
</body>
</html>

আউটপুট

উপরের কোডটি নিম্নলিখিত আউটপুট −

তৈরি করবে

কিভাবে CSS দিয়ে গোলাকার এবং বৃত্তাকার ছবি তৈরি করবেন?


  1. কিভাবে সিএসএস এবং জাভাস্ক্রিপ্ট দিয়ে একটি আসন্ন পৃষ্ঠা তৈরি করবেন?

  2. কিভাবে CSS এবং JavaScript দিয়ে একটি উদ্ধৃতি স্লাইডশো তৈরি করবেন?

  3. সিএসএস এবং জাভাস্ক্রিপ্ট দিয়ে কীভাবে একটি তালিকা গ্রিড ভিউ তৈরি করবেন?

  4. কিভাবে CSS এবং JavaScript দিয়ে একটি প্রসারিত গ্রিড তৈরি করবেন?