Images-CSS Frameworks(Bootstrap 4+W3.CSS+Materialize Css)

Images:

W3.CSS:

w3-round
w3-circle
w3-border

ইমেজের উপরে লেখার জন্য w3-display-container ক্লাসের  মধ্যে ইমেজ এড করে। ডিভের মধ্যে w3-display-topleft/topright/bottomleft/bottomright/left/right/middle/topmiddhle/bottommiddle ক্লাসের মধ্যে বিভিন্ন লেখা লিখতে হবে। 

w3-image(responsive image)
w3-opacity,w3-opacity-min/max
w3-grayscale,w3-grayscale-min/max
w3-sepia,w3-sepia-min/max
w3-hover-sepia/grayscale/opacity
w3-hover-opacity-off

Bootstrap 4:

img-fluid,style = "max-width:100%;height:auto"(responsive image)

img-thumbnail

rounded

float-left/right

mx-auto,d-block(center image)

ইমেজকে একটা ডিভে নিয়ে তাতে  text-center ক্লাস এড করলেও ইমেজটি মাঝে চলে যাবে।

Materialize CSS:

responsive-image

circle