【问题标题】:how can I make an arrow point upwards at the bottom of my header?我怎样才能在我的标题底部制作一个向上的箭头?
【发布时间】:2012-02-13 04:36:14
【问题描述】:

我正在做一个网站。我有一个标题,其中有几个标签,如果我当前在与该标签对应的页面上,我想在其底部添加一个箭头(看起来像一个小三角形)。

|选项卡1 |标签2 | tab3 |

---^------------------------

我不想用img来解决。有没有办法通过使用 css 或 javascript 来做到这一点?

谢谢!

【问题讨论】:

    标签: javascript html css


    【解决方案1】:

    不需要 javascript,它是纯 CSS。

    http://css-tricks.com/snippets/css/css-triangle/

    更多例子和文章here.

    【讨论】:

    • @pduersteler: 也许下次:-)
    【解决方案2】:

    另一种可能性是 HTML 符号实体:

    Filled triangle pointing down          ▼  
    Filled vertical triangle               ▲
    

    结果:▼ ▲

    然后您可以使用 CSS 将符号(相对)定位到标题项。

    取自http://llizard.etherwork.net/cwc/charactmap.html

    【讨论】:

      【解决方案3】:

      谢谢你可以使用像“▲”这样的特殊符号,并给它一些 css 规则以使其符合你的需要。 您也可以使用纯 css 规则和一个 html 元素来解决它。请看我的演示http://wandouyouxi.com/cnblogs/css/untitled-1.html

      【讨论】:

      • 我认为这是最简单的方法
      猜你喜欢
      • 2011-10-24
      • 2020-07-23
      • 1970-01-01
      • 2014-06-26
      • 1970-01-01
      • 2016-12-31
      • 2020-04-12
      • 2016-11-25
      • 2015-08-21
      相关资源
      最近更新 更多