📜  CSS arrow箭头

📅  最后修改于: 2020-11-05 09:13:33             🧑  作者: Mango

CSS arrow箭头

CSS箭头用于与工具提示一起添加数组。它使工具提示像气泡一样。它也可以用四种方式表示:

  • Top arrow
  • Bottom arrow
  • Left arrow
  • Right arrow

CSS上箭头

当您将鼠标光标移到元素上方时,顶部箭头用于在工具提示的顶部添加类似箭头的结构。它将在元素底部显示工具提示。

请参阅以下示例:





Top Arrow Example

Move your mouse cursor over the below heading

Welcom to JavaTpoint A solution of all technology

CSS底部箭头

当您将鼠标光标移到元素上方时,底部箭头用于在工具提示的底部添加类似箭头的结构。它将在元素顶部显示工具提示。

请参阅以下示例:

 



Bottom Arrow Example

Move your mouse cursor over the below heading

Welcom to JavaTpoint A solution of all technology

CSS左箭头

当您将鼠标光标移到元素上时,左箭头用于在工具提示的左侧添加类似箭头的结构。它将在元素右侧显示工具提示。

请参阅以下示例:

 



Left Arrow Example

Move your mouse cursor over the below heading

Welcom to JavaTpoint A solution of all technology

CSS右箭头

当您将鼠标光标移到元素上时,右箭头用于在工具提示的右侧添加类似箭头的结构。它将在元素的左侧显示工具提示。

请参阅以下示例:

 



Right Arrow Example

Move your mouse cursor over the below heading

Welcom to JavaTpoint A solution of all technology