简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
Rumah
Artikel
Soal Jawab
Kursus
Topik
Muat turun
Permainan
Kamus
kemas kini terkini

Rumah  >  Artikel  >  hujung hadapan web  >  Gunakan CSS untuk menunjukkan anak panah ke bawah petua alat

Gunakan CSS untuk menunjukkan anak panah ke bawah petua alat

WBOY
WBOYke hadapan
2023-09-08 21:41:06917semak imbas

使用 CSS 将箭头指向工具提示底部

Gunakan sifat atas CSS untuk menambah anak panah ke bahagian bawah petua alat.

Contoh

Anda boleh cuba jalankan kod di bawah untuk menambah petua alat dengan anak panah bawah:

Demo Langsung

<!DOCTYPE html>
<html>
   <style>
      .mytooltip .mytext {
         visibility: hidden;
         width: 140px;
         background-color: blue;
         color: #fff;
         z-index: 1;
         bottom: 100%;
         left: 60%;
         margin-left: -90px;
         text-align: center;
         border-radius: 6px;
         padding: 5px 0;
         position: absolute;
      }
      .mytooltip {
         position: relative;
         display: inline-block;
         margin-top: 50px;
      }
      .mytooltip .mytext:after {
         content: "";
         position: absolute;
         top: 100%;
         left: 50%;
         margin-left: -10px;
         border-width: 7px;
         border-style: solid;
         border-color: blue transparent transparent transparent;
      }
      .mytooltip:hover .mytext {
         visibility: visible;
      }
   </style>

   <body>
      <div class = "mytooltip">Keep mouse cursor over me
         <span class = "mytext"> My Tooltip text</span>
      </div>
   </body>
</html>

Atas ialah kandungan terperinci Gunakan CSS untuk menunjukkan anak panah ke bawah petua alat. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

css
Kenyataan：
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam
Artikel sebelumnya：Bagaimana untuk menentukan bentuk sudut boleh animasi menggunakan CSS?Artikel seterusnya：Bagaimana untuk menentukan bentuk sudut boleh animasi menggunakan CSS?

Artikel berkaitan

Lihat lagi