একটি টুলটিপ দৃশ্যমান হয় যখন একজন ব্যবহারকারী একটি পাঠ্যের উপর মাউস কার্সার সরান। ব্যবহারকারীদের বুঝতে সহজ করার জন্য আপনি এতে তথ্য যোগ করতে পারেন।
উদাহরণ
টুলটিপ −
কীভাবে তৈরি করবেন তা শিখতে আপনি নিম্নলিখিত কোডটি চালানোর চেষ্টা করতে পারেন<!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> 