টুলটিপ হলো মাউস কーソর টেক্সটের ওপর নিয়ে গেলে দেখা যাওয়া একটি বক্স। এতে অতিরিক্ত তথ্য রাখা যায় যাতে ব্যবহারকারীরা সহজে বুঝতে পারে।
উদাহরণ
টুলটিপ তৈরি করার পদ্ধতি শিখতে নিচের কোডটি চালাতে পারেন:
<!DOCTYPE html> <html> <style> #mytooltip #mytext { visibility: hidden; width: 100px; background-color: black; color: #fff; text-align: center; border-radius: 3px; padding: 10px 0; position: absolute; z-index: 1; } #mytooltip:hover #mytext { visibility: visible; } </style> <body> <div id = "mytooltip">Hover the mouse over me <p id = "mytext">My Tooltip text</p> </div> </body> </html>
